вторник, 8 декабря 2020 г.

Бегущая строка онлайн

Бегущая строка онлайн
Сегодня мне понадобилась бегущая строка, онлайн скрипт для моего блога. Ее вы можете наблюдать поверх статей. И сегодня расскажу как это сделать.

Бегущая строка онлайн на сайт


Бегущая строка онлайн на сайт устанавливается в виде рекламы различных новостей, распродажи или актуальная информация. Все зависит от тематики вашего сайта. Сегодня я покажу вам как установить бегущую строку на Blogger.

Бегущая строка онлайн создать


Чтоб создать бегущую строку онлайн на Blogger, вам необходим скрипт. Его мы сейчас напишем и отредактируем для разных вариантов.

<marquee style="width:100%; background:#white; color: #FF8C00; font-family:Verdana, Helvetica, sans-serif; font-size:22px; font-weight:bold;">
У нас Новогодняя распродажа!</marquee>

У нас Новогодняя распродажа!


Это основной скрипт, где:

#white – фон под текстом,

#FF8C00 – цвет текста,

Verdana – шрифт текста,

22px – размер шрифта,

У нас Новогодняя распродажа! - текст.

Бегущая строка онлайн текст



Текст бегущей строки можно менять под свой стиль. Если у вас темный фон сайта, измените элемент #white на #black… красный, синий и т.д.

И так со всеми атрибутами. Меняйте, смотрите что получается.

Можно установить бегущую строку, скользящей снизу вверх.

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32"><a href="https://t.me/lee4biz">Следите за новостями в нашем Телеграм Канале. ПОДПИШИСЬ и будь в курсе новых статей!</a></marquee>

смотрим....

Следите за новостями в нашем Телеграм Канале. ПОДПИШИСЬ и будь в курсе новых статей!

Тут можем изменить текст и размер. В примере установлен height="32"

Можно создать бегущую строку онлайн и вниз:

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32"><a href="https://t.me/lee4biz">Следите за новостями в нашем Телеграм Канале. ПОДПИШИСЬ и будь в курсе новых статей!</a></marquee>


Следите за новостями в нашем Телеграм Канале. ПОДПИШИСЬ и будь в курсе новых статей!

Да, в последних двух скриптах, я дополняла текст кликабельными ссылками и выглядел текст у меня так:

<a href="https://t.me/lee4biz">Следите за новостями в нашем Телеграм Канале. ПОДПИШИСЬ и будь в курсе новых статей!</a>

Установка скрипта Бегущая строка онлайн

Так как я описываю как установить бегущую строку на blogger, опишу именно этот способ. 
Заходим в админку: Дизайн - Добавить гаджет - HTML/JavaScript. Заголовок не пишем. а в текст вставляем отредактированный под ваш стить скрипт бегущей строки. 

На этом тема "Бегущая строка онлайн" закрыта. Пишите комменты, как у кого получилось. 

Всем успехов и больших профитов!

Комментариев нет:

Отправить комментарий

Спасибо Вам за то, что поделились статьей в социальных сетях!