«

»

Июл 18 2012

Распечатать Запись

Как вставить баннер в шапку сайта на Blogspot’е

Добавить баннер в шапку сайта на Blogspot

Рекламное место в шапке сайта используется достаточно часто на сайтах, но на блогспоте по умолчанию там виджета нет, и, как следствие, у нас нет простого способа вставить баннер в шапку сайта на Blogger/Blogspot. Долгое время у меня не доходили руки сделать его, но вот заявка в Admitad была одобрена и место под баннер сделано за полчаса. Сим полезным опытом и спешу поделиться.

Итак, чтобы добавить баннер в шапку сайта надо сделать следующие несложные действия:

Итак, чтобы вставить баннер в шапку сайта на Blogspot мы добавим в шаблон блога виджет, а затем будем использовать этот виджет для вставки кода баннера. 

  1. Идем в “Шаблон” → “Изменить HTML” → “Приступить”. Для удобства я всегда ставлю галочку “Расширить шаблоны виджета”. В коде шаблона ищем:

    В вашем шаблоне вполне возможны небольшие отличия, если вы вносили изменения. Перед этими строками вставляем

    Немного прокомментирую код. Во-первых, в этом коде создается новая секция в шаблоне блога, в которой добавлен виджет типа “HTML” и “id=HTML200″ (имя должно быть уникальным). Во-вторых, для секции я запретил добавление виджетов, так как оно тут совсем не нужно. Ну и в третьих, в виджете я закрыл в комментарии часть, которая отвечает за вывод заголовка, так как “нафига козе баян”, то есть заголовок баннеру в шапке.
  2. Вторым шагом надо настроить стили. Для опять же ищем код:

    И перед ним вставляем:

    Стили можете настроить по своему вкусу. У меня баннер располагается в правой части заголовка и имеет размер 468х60. Закомментированный border специально оставил, так как его удобно использовать для настройки местоположения.

  3. Далее лезем в “Дизайн”, находим наш виджет и добавляем в него код баннера.

Итого, у нас появляется лакомое рекламное место на нашем блоге на blogspot’е.

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

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