Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot. Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot.

Бегущие строки на blogger

01 февраля 2015, 18:36

Гаджет "Бегущая строка" необходим для привлечения внимания посетителей блога и позволяет компактно отобразить большой объем информации, например, новости или заголовки статьи в blogger.

Данный скрипт можно установить в любой части сайта, в шаблон или гаджет HTML/JavaScript. Важно понимать, что подобное украшение для блога иногда могут нагружать вашу страницу и вызывать притормаживания.

Если ваш сайт медленно работает, то это не обязательно из-за обилия анимации, возможно вам стоит задуматься и приобрести vps дешево у украинского хостинг провайдера.

Для организация бегущей строки используется тег <marquee>Текст бегущей строки</marquee>.  Ниже в таблице параметры, используя которые можно добиться различных эффектов при отображении.

ТЭГ
Описание
direction="left"
Направление движения текста влево
direction="right"
Направление движения текста вправо
direction="up"
Бегущая строка в Вверх
direction="down"
Бегущая строка Вниз
behavior="alternate"
Текст дойдя до конца идет обратно
behavior="slide"
После показа строки, текст остановиться
loop="3"
Время показа текста
scrollamount="5"
Скорость движения текста, чем больше тем быстрее
width="343"
ширина текста
height="44"
высота
bgcolor="#9999FF"
Цвет фона
style="color: #000000"
Цвет текста
style="font-size: 7px"
Размер шрифта
style="font-family: Verdana"
Тип шрифта
style="color: red; font-size: 13px;  font-family: Arial"
Изменить размер шрифта и тип в одном тэге.

 

Пример, демонстрация бегущей строки:

Бегущие строки на blogger