Простой ротатор баннеров и ссылок.

Создаём ротатор баннеров своими руками.



ротатор баннеров
Самый простой ротатор баннеров или текстовых рекламных объявлений.Простой и легкий скрипт на основе тега marquee. Бегущая строка заключённая в эти теги привлекает внимание,но сама по себе малопродуктивна.А вот ротатор текстовых объявлений или тизеров будет более интересен.Тем более,что в отличии от просто пробегающего баннера есть возможность притормозить и остановить бегущий текст или баннер для комфортного просмотра.



Ротатор баннеров своими руками

Для увеличения конверсии рекламных объявлений невыгодно размещать много баннеров на странице.Но и один тизер на странице может не каждого привлечь.Избавиться от этого можно с помощью простейшего ротатора.Тем более что ссылки в теге marquee прекрасно индексируются поисковиками и можно добавлять текстовые ссылки или тизеры на свои страницы перемешивая их с рекламными.Короче создаём свой личный ротатор тизеров для своих целей и для коммерческого использования.

Что такое тег marquee?


Изначально это всего лишь бегущая строка на странице призывающая посетителя к выполнению определённых действий или для привлечения внимания.

<marquee>Текст бегущей строки</marquee>

Заключённый между тегами текст или ссылка бегающие по странице это прекрасно но мало эффективно.Необходимо добавить небольшие изменения,что-бы ваш текст останавливался при наведении курсора мышки на него. Добавляем onmouseout="this.start()" onmouseover="this.stop()" получаем такой вид кода

<marquee bgcolor="f7f2a2"     onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" > Ваш текст,остановится при наведении курсора </marquee>

Простой ротатор текстовых объявлений

и в таком виде наш текст в бегущей строке уже будет выглядеть более презентабельно и информативно.

Для настройки и изменения внешнего вида бегущей строки можно применять эти переменные значения отвечающие за различные аспекты работы скрипта.Можно добавлять по своему усмотрению в код хоть все параметры,но не забываем про кавычки.Копируем просто весь нужный вам параметр,например выделенный красным тег отвечающий за скорость прокрутки и вставляем в код на место отмеченное также красным.

direction="left"-Направление движения влево
direction="right"-Направление движения вправо
direction="up"-Вверх
direction="down"-Вниз
behavior="alternate"-Текст идет вправо до конца, а потом в обратном направлении
behavior="slide"-Текст останавливается при достижении конца
loop="4"-Контролирует время показа текста
scrollamount="2"-Скорость движения текста, чем больше цифра между слешем тем быстрее
width="200"-ширина окна для просмотра
height="66"-высота, меняем значение на необходимое
bgcolor="#9999CC"-Цвет фона
style="color: #FF0000"-Цвет текста
style="font-size: 1em"-Размер шрифта

Смотреть ещё

Слайдер- ротатор для блогаРотатор для баннеровЭффекты для фото на CSS.Как добавить форум на блогОформление блоков для кода

Но одна строка бегущая по экрану мало
привлекает внимание и не столь информативна чем блок контекстной
рекламы созданной по своему усмотрению. Для этого создаём блок с вертикальной
прокруткой бегущей строки.
<marquee bgcolor="#F0F0F0" direction="up" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="250"> <hr />
Ваша ссылка
<hr />
Ваша ссылка
<hr />
Ваша ссылка
<hr />
Ваша ссылка
<hr />
Ваша ссылка
<hr />
</marquee>


Как и куда вставить НТМЛ код

Настройка дизайна сообщений

Опыт работы с Тизернет

Деньги легко уже сегодня

Партнёрские программы



Как видим из примера выше в ротаторе стоит пять моих ссылок
и блок текстовой рекламы Такру,
которые показываются последовательно друг за другом.
Для того что бы ссылки показывались по порядку
и не слипались друг с другом необходимо обязательно
между каждой новой ссылкой добавлять тег <hr />,который будет является разделителем.

И так текстовый ротатор объявлений мы создали.Да и ещё,редактирование кода необходимо производить в режиме НТМЛ. Дальше переходим к созданию ротатора тизеров или баннеров. кому как угодно. Смотреть ещё *Создаём ротатор баннеров*