10 мар. 2014 г.

Как вставить Adsense после загаловка поста

tweetn

Блок рекламы Гугле Адсенсе перед или после заголовка статьи (поста)

Ищем в шаблоне одну из следующих строк для выбранного варианта:
Перед заголовком - <b:includable id='post' var='post'>
После заголовка - <div class='post-header-line-1'/>

После того как нашли нужную строку, сразу под ней вставляем код блока объявлений Google AdSense который должен иметь вид:
<div style='clear:both; margin:10px 0'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>/* Показ объявлений на всех страницах, кроме главной */
<div style='text-align:center;'> /* Расположение блока по центру страницы */
(Ваш конвертированный код)
</div> </b:if>
</div>

Если у вас есть страницы то возможно надо выбрать все посты и страницы, кроме главной: если не index(if).
Конвертировать код можно здесь или здесь
Чтобы код рекламы имел обтекание текстом справа или слева, то следует добавить в код выше строки:
<div style='float:left;'> или <div style='float:right;'>
Пример расположения объявления Adsense под названием поста можете посмотреть на моем блоге о корректировке овала лица, улучшении овала лица Видим, что на главной странице код под заголовком не отображается(if), а если войдем в сам пост, то там отображается под заголовком по середине.
Помните об ограничении Максимального количества объявлений Google на странице. Согласно правил партнёрской программы Адсенсе, помимо трех стандартных рекламных блоков объявлений и двух окон поиска можно разместить до трех блоков ссылок
Меня интересовала вставка объявления именно после названия поста. Существует же множество других вариантов.
С ними вы можете ознакомится на этом блоге. Блок рекламы Гугле Адсенсе перед или после заголовка статьи (поста) http://uwblogger.blogspot.com/

Читать далее продолжение поста Как вставить Adsense после загаловка поста

18 янв. 2012 г.

Как разместить Adsense в верхний лeвый угол

tweetn
Как поместить Adsense в лeвый верхний угол. На мой взгляд очень удобное место и кликабельное. Во всяком случае можно попробовать, тем более что блог не коммерческий.
1. Идем в свой аккаунт AdSense -> AdSense setup -> AdSense for Content -> Ad Unit (text ads only) и создаем очередной рекламный блок.
Я предпочитаю делать квадратный (200 на 200, недавно прочла что очень эффективный размер 336x 280 можете проверить), мы можете выбрать любой другой на свой вкус. Заточите его под цветовую гаму вашего блога, и создать новый канал (Add new channel)с понятным именем - чтобы в сводной статистике вы видели, как этот блок работает. Можно назвать так: "Имя-Блога-left200x200". Копируем также код куда-нибудь в файл.
2. Идем в свой аккаунт на blogger.com -> Layout -> Edit HTML, не забываем ставить крестик Expand Widget Template. Выделяем код и вставляем его в текстовый редактор например notepad (я использую Em EditorFree).
3. Ищем в коде текст
<div class='post-header-line-1'/>
вставляем после него код (обтекать код рекламного блока смотрите Css) :
<div class="noprint" style="margin: 5px; float: left; padding-right: 3px;">
Здесь вставляем ваш код AdSense
</div>
ВАЖНО! Во вставленном коде AdSense делаем  изменения:
Суть изменений - более правильная интерпретация браузером кода символа "левая стрелка" и "правая стрелка".
ТОЛЬКО после этого блоки Adsense  начнут показываться в телепостинге - при вставке блоков Adsense как PageElement такие ухищрения не нужны.

4. Копируем весь код и вставляем его в  окошко редактирования шаблона блога (Template)

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

Мои любимый blogger(blogspot)
Оптимизация блоггер

Читать далее продолжение поста Как разместить Adsense в верхний лeвый угол