Баннер в заголовке блога

Ответ на вопрос «Как вставить изображение (баннер) выше или ниже шапки в стандартном шаблоне», заданный Ingward.

Далее опишу самый простой способ, основанный на редактировании HTML шаблона Blogger.

Перво-наперво загрузи требуемое изображение, в свой альбом Picasa.

В редакторе HTML шаблона найди строки:

<div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='RBB (заголовок)' type='Header'/>
  </b:section>
</div>

Чтобы добавить баннер выше заголовка блога (хедера), вставь тег изображения между открывающими тегами <div id='header-wrapper'> и <b:section ...>.

<div id='header-wrapper'>
  <img style="width:660px; height:30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwvbb7DF9BJ0ID9CLR6r2bQHSMjjgpqNjC8ooEygCpFF2TDNxpy-HT6dY4VIibvrsKI3jAEvvduxdHrDrfdb8PcJyUVFA8P5ekOa9JDXPE4Hvqc49ejCQhQj3dontBg2r1gYMT54R_QQ6/" />
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='RBB (заголовок)' type='Header'/>
  </b:section>
</div>

Чтобы вставить баннер ниже хедера, добавь код между закрывающими тегами </b:section> и </div>.

<div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='RBB (заголовок)' type='Header'/>
  </b:section>
  <img style="width:660px; height:30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwvbb7DF9BJ0ID9CLR6r2bQHSMjjgpqNjC8ooEygCpFF2TDNxpy-HT6dY4VIibvrsKI3jAEvvduxdHrDrfdb8PcJyUVFA8P5ekOa9JDXPE4Hvqc49ejCQhQj3dontBg2r1gYMT54R_QQ6/" />
</div>

Так же можно добавлять изображение перед открывающим тегом <div id='header-wrapper'> (выше) или закрывающим тегом </div> (ниже) данного примера. С той лишь разницей, что в первом случае изображение будет находиться внутри контейнера header-wrapper, а во втором – за его пределами.