Рекламный баннер слева или справа страницы

Реклама на сайтеДоброго времени суток, уважаемые читатели блога! Сегодня я покажу вам небольшой трюк, как разместить фиксированный рекламный баннер справа или слева страницы блога Blogger. То есть, не на самой странице сайта, а за её пределами. Хотя не обязательно рекламу размещать, можно и обыкновенную красивую картинку вывести за пределы страниц блога.

Кто заинтересовался этим трюком, прошу следовать моей простой инструкции.

Как разместить плавающий,фиксированный рекламный баннер (изображение) справа или слева страницы сайта/блога

Фиксированный баннер
Фиксированный баннер слева страницы блога

Рассмотрим два способа установки рекламного баннер (на блоге, смотрите скриншот, установлен первым способом). Первый самый простой: заходим - Дизайн - Добавить гаджет HTML/JavaScript и в его поле вставляем код:

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

Затем находим тег </body> и выше вставляем этот код:

Сохраняем шаблон. Расположение баннера меняем: top: 160px; - расстояние от верхней границы блога, right: - справа, меняем на left - слева.

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

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

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

С уважением, Сергей

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *