Сегодня 1 ноября, пятница ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7276
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Блог для блогов - создание блога на blogspot
Блог для блогов - создание блога на blogspot
Голосов: 1
Адрес блога: http://bdblogov.blogspot.com/
Добавлен: 2013-06-02 03:52:18 блограйдером Olga28
 

Делаем прокручивающий текст сообщения

2013-08-10 22:28:00 (читать в оригинале)

Очень мне хотелось установить в блоге прокрутку текста постов. Сообщения получаются длинные, и как то не вписываются в дизайн. Сегодня предлагаю Вам скрипт для прокрутки текста, который легко можно вставить в редакторе сообщений блога.  Когда текст уже написан, надо нажать Html и сразу перед текстом вставить вот такой код, скопируйте его.

<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px;  overflow: auto">

width:100%; - ширина текста;
height:300px; - высота текста;
margin-top: 0px; - отступ сверху от начала текста;
left: 0px; - отступ с левой стороны;

Устанавливайте ширину и высоту, "поиграйте" с цифрами, настройте прокрутку для своих сообщений.  Пример смотрите в моем блоге, прокрутка установлена на многих страницах. Всего доброго !

Почитайте-как скопировать не копируемый код
Вставить поиск Яндекса в блог на blogspot



Скрипт для вставки птички Tvitter

2013-08-09 06:52:00 (читать в оригинале)

Всем здравствуйте! Желающим украсить свой блог вот такой птичкой-Tvitter, предлагаю скрипт, который вставляется обычным гаджетом. Птичка плавно следует за Вами сверху вниз, как бы призывая обратить внимание и кликнуть по ней. Такой виджет не только украсит блог, но и послужит с пользой для Вас..Я уже писала в своем посте, что следует особое внимание уделить стремительно развивающимся социальным сетям. В отличие от поисковых систем, там информацию ищут люди, а не роботы. Итак, копируете код, далее в черновике Blogger-дизайн-добавить гаджет-Html/Javascript-вставить-сохранить. Расположите гаджет внизу страницы.

<a href=' http://bdblogov.blogspot.com/ '></a><div style='position: fixed; bottom:10%; right: 0%;'/><a href="http://www.twitter.com/violavasil_eva" target="_blank"><img src="Ваша ссылка на картинку" /></a></div>

Теперь внесем небольшие изменения:

Синий цвет-впишите свои данные в Tvitter;
Коричневый цвет-это адрес ссылки на изображение птички. Вы можете вставить свою, или воспользоваться ссылкой ниже. Картинка будет такая, как у меня.
bottom:10% - от этого процента зависит расположение верх-низ;
right:0% - расположение справа-слева. Поэкспериментируйте с цифрами, и вставьте в соответствии с дизайном Вашего блога. Изображения птичек можно найти в Яндекс-фотках, или впишите в поисковик-птички Tvitter, найдете разных и даже летающих.

http://img-fotki.yandex.ru/get/3713/from-mars1987.1/0_14d25_90c6563d_XS.png
Изображение птички я нашла в Яндекс-фотках, там же получила адрес ссылки.
Вот вроде и всё. Всего доброго! Пишите, комментируйте.
Почитайте как узнать URL адрес ссылки на картинку;
Как скопировать не копируемый код.



Стрелки вверх-вниз с автоматической прокруткой

2013-08-09 00:54:00 (читать в оригинале)

Сегодня в небольшом посте познакомимся со стрелочками вверх-вниз, но с небольшой изюминкой. А фокус заключается в том, что при установке стрелок, читатели Вашего блога могут воспользоваться автоматической прокруткой вниз. Очень удобно читать посты. Такой вид имеют стрелки, на рисунке слева.
Впрочем Вы и так видите их у меня в блоге. Согласитесь, удобно пользоваться. Стрелки вверх и вниз, треугольник-автоматическая прокрутка, сверху кнопка-стоп, если желаете приостановить прокрутку. Внизу находится скрипт, скопируйте его и установите обычным гаджетом: дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить. Гаджет установите в самом низу в дизайне. Кто ещё не читал мой пост-как скопировать не копируемый код-прошу сюда. Для того, чтобы работали обе кнопки, необходимо в шаблоне-изменить шаблон, вставить код. Пока код не вставите, прокрутки вниз не будет, работает только стрелка-вверх. Куда и как  вставлять код, читайте на этой странице. Скопировать надо код-2. Вот он <a name='GoDown'/> . Ничего сложного нет, новичок справится. Внимательно прочитайте как вставлять. На этом пока все. Жду Ваши комментарии.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><script src='http://phonedevelop.googlecode.com/files/updownPhonedevelop.js' type='text/javascript'></script>

Почитайте-стрелки вверх для прокрутки страниц
Также по теме-стрелки вверх-вниз  для прокрутки страниц



Стрелки вверх-вниз для прокрутки страниц блога

2013-08-07 23:07:00 (читать в оригинале)

Продолжаем тему стрелочек для прокрутки страниц. В этом посте поговорим не только о стрелке-вверх для прокрутки, но и стрелке-вниз. Часто случается, что-то читали, и помним, что информация где то в конце поста, и начинаешь крутить колесико мышки. Согласитесь, нажав на стрелку-вниз, удобнее и быстрее. В первом варианте ниже, я предлагаю готовый скрипт, вы можете его скопировать и вставить себе в дизайн-добавить гаджет-Html/Javascript-вставить-сохранить. Стрелки будут вот такого вида, смотрим справа. А как это выглядит, можете посмотреть в моем блоге.

<a style="display:scroll;position:fixed;bottom:270px;right:5px;" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://s020.radikal.ru/i723/1308/23/da5dc9b36f7e.png"/></a><br/><a style="display:scroll;position:fixed;bottom:225px;right:5px;" href="#GoDown"><img style="border:0;" src="http://s018.radikal.ru/i528/1308/08/f5b83c27b165.png"/></a>

А дальше я покажу Вам изображения стрелок со ссылками на них, и если кому то понравится, то можете копировать адреса и подставлять в код. Ссылки верхней и нижней стрелок в коде у меня выделены разным фоновым цветом. Перейдёте по ссылке внизу поста, после картинок со стрелками.
http://s018.radikal.ru/i523/1308/4e/a873b2e968a0.png
http://i038.radikal.ru/1308/4c/b24512b15744.png

http://i019.radikal.ru/1308/c5/504bad27cb8a.png
http://s019.radikal.ru/i616/1308/2d/31e03e78b788.png

 https://sites.google.com/site/poleznoznat/r11.png
http://s006.radikal.ru/i215/1308/84/ef88705ba018.png

https://sites.google.com/site/poleznoznat/r7.png
http://s017.radikal.ru/i419/1308/3b/61882b139eba.png


http://s61.radikal.ru/i171/1308/2f/e938221c0bde.png


http://s018.radikal.ru/i526/1308/da/a8b3506b7408.png


http://s020.radikal.ru/i702/1308/db/2676ad8cf431.png


http://s019.radikal.ru/i609/1308/3c/0c9b4ec8261f.jpg
Что бы скопировать код, перейдите сюда. Ссылки двух последних стрелок попробуйте вставить как верхнюю. Ну вот и все. Надеюсь информация была для Вас полезной.

Почитайте информацию-стрелка вверх для прокрутки страниц блога
Как скопировать не копируемый код 




Стрелки вверх для прокрутки страниц блога

2013-08-07 17:44:00 (читать в оригинале)

Здравствуйте дорогие мои ! Сегодня тема поста о стрелочке вверх для прокрутки страницы, удобного использования для посетителей Вашего блога. В своем посте я писала о вставке кнопочки "наверх". Пришло время поговорить и о более симпатичных стрелочках. Наконец то удалось, на одном из зарубежных блогов, найти скрипт без установки плагина в шаблон блога. Долго описывать не имеет смысла, как удобно посетителю, либо читателю блога использование стрелок. Поэтому сразу, как говорят, приступим к делу. Код стрелочек вверх Вы можете скопировать по этой ссылке.

А вот и сами стрелочки:


http://s018.radikal.ru/i523/1308/4e/a873b2e968a0.png




http://s019.radikal.ru/i639/1308/1c/576d3e5ec4bf.png


http://s004.radikal.ru/i206/1308/21/09e97304af18.jpg


 https://sites.google.com/site/poleznoznat/r8.png

https://sites.google.com/site/poleznoznat/r5.png


http://i019.radikal.ru/1308/c5/504bad27cb8a.png


 https://sites.google.com/site/poleznoznat/r10.png


 https://sites.google.com/site/poleznoznat/r11.png


http://s61.radikal.ru/i171/1308/2f/e938221c0bde.png


http://s019.radikal.ru/i640/1308/88/c46c6b1f7d16.png


http://s53.radikal.ru/i139/1308/eb/90993073050c.png


http://s60.radikal.ru/i168/1308/4e/efc6bd6d48b9.jpg


https://sites.google.com/site/poleznoznat/r7.png

Копируете код изображения понравившейся стрелки и вставляете в скрипт-ваша ссылка на картинку. Вы можете вставить свою ссылку на стрелку, если здесь не найдете подходящей.  На этом пока все. Желаю удачи !
Жду Ваши комментарии.

Также можно посмотреть простой код кнопки "наверх"
Ознакомьтесь со стрелками вверх-вниз для прокрутки
Почитайте-как скопировать не копируемый код.



Страницы: ... 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 ... 

 


Самый-самый блог
Блогер ЖЖ все стерпит
ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.