Всплывающий баннер подсказка напоминание.

 Баннер напоминание

Сделать всплывающий баннер напоминание или для привлечения внимания к отдельным разделам статьи можно быстро и довольно просто. .Нужно вставить небольшой код Нтмл и всё.Тем более,что это не тот вид агрессивных плавающих баyнеров ,которые не любит Яндекс. Всплывающий баннер напоминание, поверх основного содержимого страницы,  для привлечения внимания к основной теме поста вещь возможно и не столь необходимая,но всё же для акцентирования интереса посетителя на важных аспектах можно и поставить.Тем более,что его установка проста и доступна.






Установка всплывающего баннера


Устанавливать на всех страницах такой гаджет я не вижу смысла,но на некоторых возможно он будет и не лишним.Тем более,что туда можно вставлять всё,что угодно:текст,ссылки,фото,различные коды НТМЛ. Прежде чем установить данный код нужно проверить подключение jquery.Если вы не помните устанавливали ли вы подобный код или нет проверьте свой блог на pr-cy.ru/.
В результате анализа вашего сайта внизу страницы справа будет присутствовать такая строка.
JavaScript фреймворки: jQuery

Если же её нет,то надо поставить код подключения jquery. Код необходимо ставить один раз в шаблон вашего блога и непосредственно внести перед закрывающимся тегом </head>
или же просто: на вкладке Дизайн Дополнительно есть подменю добавить CSS.Нужно открыть эту вкладку и появившемся пустом окне добавить этот скрипт,он будет отвечать за все эффекты,которые вы будете добавлять себе на страницы.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>

Проделав эту процедуру переходим дальше.Перед вами небольшой код,который можно будет разместить в теле сообщения.

<link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet"></link>
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link href="/resources/demos/style.css" rel="stylesheet"></link>
<script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>v-gol.ru
<div id="dialog" title="Обратите внимание">Текст,ссылка,картинка</div>

Смотреть ещё

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



Место отмеченное красным это название вашего блока.А там где выделено зелёным нужно будет вставить свой текст или всё что взбредёт в голову.Сам код для баннера,который появляется при загрузке,можно размещать в любом месте страницы,но всё же для простоты редактирования его место после написания поста.Гаджет можно перемещать с помощью мышки по странице.

Применение всплывающего баннера

Не знаю кому то может и пригодиться такая штуковина,но я как то большой практической отдачи от такого вида напоминания не вижу.Хотя если хорошо подумать найти применение этому незамысловатому гаджету всплывающего баннера можно.Вариантов всплывающих баннеров существует много и у каждого своя функция. Также различно время появления баннера,которое можно установить самостоятельно исходя от среднего значения нахождения посетителя на странице.Выбрать необходимый вариант вам помогут следующие статьи.
Всплывающие окно-баннер через определённый отрезок времени
Баннер автоматически исчезающий через несколько секунд
Слайдер-ротатор баннеров для блога
Pop-ап или модальное окно 18+.



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