Сделать всплывающий баннер напоминание или для привлечения внимания к отдельным разделам статьи можно быстро и довольно просто. .Нужно вставить небольшой код Нтмл и всё.Тем более,что это не тот вид агрессивных плавающих ба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+.
Добро пожаловать или посторонним вход не запрещён.Если Вам мешает данная штуковина и вы зашли сюда по ошибке то закройте гаджет нажав на крестик,но если у Вас возник определённый интерес,то просто перетяните его в сторону или вниз,а закроете потом прочтя эту статью.
