Баннер AdSense в шапке Blogger. И не только.

Баннер в шапке
Ради эксперимента поместил баннер google AdSense в шапку блога. Если в дальнейшем вдруг появятся рекламодатели, можно будет заменить. В принципе, аналогичным способом можно вставить, скажем, картинку или еще что-то. Ну и, соответственно, запишу процесс установки, чтобы в будущем не искать долго. В этом случае свой блог — отличная штука, все заметки под рукой.

Я уже, честно говоря, не сразу вспомню, какие изменения производил с шаблоном блогспота, так что иногда возвращаюсь к своим записям, и все сразу становится ясным. Большую часть информации почерпнул на блоге Натальи Митрофановой "Шпаргалка блоггера", остальное домыслил сам.

Первым делом переходим настройки blogger → шаблон → изменить html, и ищем такую строчку
И прямо над ней вставляем html-код
Размещением этого кода мы разрешаем на вкладке "Дизайн" добавлять гаджеты над заголовком блога. Смело нажимайте "Добавить гаджет", и вставляйте код google adsense в HTML/JavaScript. Посмотрите видео, где я произвел описанные выше действия:


Но это еще не все. Таким образом баннер отобразится по умолчанию над шапкой блога, а нам нужно в шапке. Нужно добавить css-стиль. Для этого нужно вставить где-нибудь после, например,
такой код
в выделенном проставьте свои значения, чтобы выравнять баннер.

HTML2 — здесь вместо двойки подставьте номер от id вашего гаджета. Узнать его можно в шаблоне, под той строчкой, которую мы вставили в самом начале (выделен красным):
width — ширина баннера
top — отступ сверху
left — отступ слева.
Нужно будет поэкспериментировать, чтобы подогнать баннер по границам. В следующем видео показаны шаги по добавлению css-кода:



Ах да, можно также добавить css через дизайнер шаблонов блогспота, на вкладке дополнительно→добавить css.
Для того, чтобы баннер отображался на всех страницах, кроме главной, ищем в шаблоне код нашего гаджета, на сей раз поставив галочку "Расширить шаблоны виджета", и прописываем следующее условие (выделено жирным зеленым):
Не забудьте убрать код быстрой настройки гаджета из шаблона.

Вместо баннера на главной странице у меня картинка, вставленная аналогичным образом, методом добавления гаджета, просто вместо google adsense я вписал картинку. Код с условием выглядит в этом случае так:
Условие тут изменилось, приглядитесь внимательно, и вы поймете, что к чему. В первом случае у нас "Кроме главной", во втором — "Только на главной".

Как вам кажется, хорошо я объясняю? Спасибо за внимание!
Яндекс.Метрика