19 нояб. 2013 г.

Баннер в шапке блоггер

Баннер в шапке блога сразу бросается в глаза. Теплится надежда, что кто-то из читателей заинтересуется картинкой, а в дальнейшем и тем, что за ней кроется.

Установить баннер в шапку блогспот оказалось довольно просто. Информация собрана с нескольких блогов, упрощена, поэтому не знаю кому отдать первородство авторство. Извиняйте, ежели что :).

Для установки баннера в шапку блога нужно открыть в блоггер шаблон и кликнуть по "изменить HTML". В открывшемся окне с кодом находим вот такую строку:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

и под ней добавить следующий код:

<b:widget id='HTML999' locked='false' type='HTML'/>

Затем находим в коде шаблона ]]></b:skin> и выше этой строки устанавливаем:

#header {position: relative;}
#HTML999 {
  z-index: 200;
  position: absolute;
  top: 5%;  /* отступ сверху */
  right: 0;  /* отступ справа */
}

Сохраняем изменения и переходим в "дизайн" блога. Там, в шапке блога, появится новый гаджет для html-кода.

Баннер в шапке блоггер

 Дальше, обычным образом, добавляем свой баннер или рекламу какую нить. Сохраняем и готово. Баннер "засветился" в шапке блога. Осталось отрегулировать его расположение (см. код чуть выше)

Удачи.


Комментариев нет:

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