Как установить фиксированный рекламный баннер на странице блога



Рекламный баннер слева и справа, и при прокрутке страницы всегда сверху...

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

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

Если заинтересовались, тогда копируйте код 1 и устанавливайте дизайн-добавить гаджет.

<ul class="v-golbanerright">здесь код рекламного баннера</a></ul>

Выделенное коричневым-расположение рекламного баннера справа. При установке слева измените right на left.

Далее, скопируйте код 2 ниже и установите дизайн-добавить гаджет где-нибудь внизу макета блога. В этом коде Вы будете настраивать положение рекламы на странице: справа-сверху или слева-сверху.



<style>
.v-golbanerright {
 position: fixed;
 overflow: hidden;
 top: 20px;/* отступ от верхнего края */
width:240px;
 right: 20px;/* позиционирование слева  */
 height: 99%;
 list-style-type: none;
 margin: 0px;
 padding: 0;
 background: transparent;
}
.v-golbanerleft {
 position: fixed;
 overflow: hidden;
 top: 20px;/* отступ от верхнего края */
width:240px;
 left: 30px;/* позиционирование слева */
 height: 99%;
 list-style-type: none;
 margin: 0px;
 padding: 0;
 background: transparent;
}
/* #v-gol.ru  */
@media screen and (max-height: 34.9375em) {
 .cbp-vimenu {
 font-size: 70%;
 }
</style>


Выделенное светлым зеленым цветом-это настройка рекламы справа, темнее-слева; синим-ширина баннера; остальные настройки написаны в коде; Настраивайте ту часть кода, которая отвечает за положение рекламы на странице, то есть справа или слева.

При установке двух рекламных баннеров, вставляете дизайн-добавить гаджет два кода 1: один справа, другой слева. Код 2 вставляете один раз. И на сегодня у меня все. Пишите отзывы, буду так же признательна, если поделитесь информацией с друзьями из социальных сетей. Всем пока и Всего Доброго.


Почитайте другие похожие статьи: Плавающая кнопка контактной формы для связи с автором блога; Плавающий баннер, счетчик, изображения или текст в одном гаджете; Плавающий раскрывающийся гаджет баннераПлавающее меню для блогов Blogspot;


Автор статьи ✎ Olga Protasova Выпуск ✹ 12/03/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *