Новое в блоге
Loading...
27 мар. 2013 г.

Фиксированный рекламный баннер справа или слева блога

Доброго времени суток, уважаемые читатели блога. Сегодня я Вам покажу, как разместить фиксированный рекламный баннер справа или слева блога. Это будет полезно тем, кто пользуется партнёрской программой Google Affiliate Ads (баннеров довольно много) или сторонней рекламой. Пример рекламного баннера Вы можете лицезреть справа блога. Кто заинтересовался, прошу следовать простой инструкции.

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

Рассмотрим два способа установки рекламного баннера.

Первый самый простой: заходим - дизайн - добавить гаджет HTML/JavaScript и в его поле вставляем код:

<style type="text/css">
#fixedbanner {
 position: fixed;
 top: 160px; /* Jarak dari atas */
 right: 0; /* Apabila ingin di kanan ganti right menjadi left */
}
</style>
<div id='fixedbanner'>
<a href='URL рекламодателя' title='название'><img alt='fixedbanner' src='URL баннера'/></a>
</div>


Второй способ чуть посложней, вставка кода в сам шаблон. Идём шаблон - изменить HTML - находим строчку  ]]></b:skin> и выше вставляем код стиля:

#fixedbanner {
 position: fixed;
 top: 160px; /* Jarak dari atas */
 right: 0; /* Apabila ingin di kanan ganti right menjadi left */
}
Далее находим </body> и выше вставляем этот код:

<div id='fixedbanner'>
<a href='URL рекламодателя' title='название'><img alt='fixedbanner' src='URL баннера'/></a>
</div>
 Сохраняем шаблон. Расположение баннера меняем: top: 160px; - расстояние от верхней границы блога, right: - справа, меняем на left - слева.

Теперь, если хотите что бы посетители могли закрыть баннер, добавим такой значок -  Закрыть (X).

Если Вы хотите добавить значок Закрыть (X), добавьте  перед строчкой <div id='fixedbanner'> этот код:

<a href='#' onclick='var el=document.getElementById(&apos;fixedbanner&apos;);el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='http://3.bp.blogspot.com/-VkGc1slnj74/UOb46pZPv3I/AAAAAAAADqc/40iIDnF32Nw/s1600/delete2.png'/></a>

В итоге должно получиться вот так:

<div id='fixedbanner'>
<ahref='#'onclick='varel=document.getElementById(&apos;fixedbanner&apos;);el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='http://3.bp.blogspot.com/-VkGc1slnj74/UOb46pZPv3I/AAAAAAAADqc/40iIDnF32Nw/s1600/delete2.png'/></a>
<a href='URL рекламодателя' title='название'><img alt='fixedbanner' src='URL баннера'/></a>
</div>

Вот и всё дорогие друзья. Очень надеюсь кому нибудь будет полезен этот трюк. Всего доброго. До новых встреч.

Ваш Сергей.

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

0 коммент. :

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

 
Footer