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

  Сегодня поговорим как вставить баннер в шапку сайта на вашем Blogger .
В принципе здесь ничего сложного нет нужно провести несколько манипуляций с вашим шаблоном Blogger . Для этого заходим в настройки " Шаблон " " Изменить HTML ".
И в коде Шаблона с помощью клавиш Ctrl + F ищем :

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

И перед этой стракой ставим :

1. <b:section class='headerbanner' id='headerbanner' maxwidgets='1' showaddelement='no'>
2. <b:widget id='HTML200' locked='false' title='' type='HTML'>
3. <b:includable id='main'>
4.   <!-- only display title if it's non-empty >
5.   <b:if cond='data:title != &quot;&quot;'>
6.     <h2 class='title'><data:title/></h2>
7.   </b:if -->
8.   <div class='widget-content'>
9.     <data:content/>
10.   </div>
11. </b:includable>
12. </b:widget>
13. </b:section>

Второй шаг настройка стиля . Опять же ищем код :

1. ]]></b:skin>

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

1. #HTML200{
2. width: 468px;
3. height: 60px;
4. position: relative;
5. top: 35px;
6. left: 430px;
7. z-index: 999;
8. display: inline-block;
9. /*border: 1px solid #000;*/
10. }
12. #headerbanner{
13. height: 0;
14. }

Стиль каждый может настроить по своему вкусу . У меня баннер с право размером 468 px на 60 px

Лучшая благодарность автору - это нажатые социальные кнопки!