Blogger Header, Üstbilginin Sağına Gadget Ekleme

düzenleme yapmadan önce

düzenlemeden sonra istediğiniz eklentiyi resimdeki gibi ekleyebileceksiniz

1. yapılacak : Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla  <b:sectionclass='header' id='header' maxwidgets= 

kodunu bulun ve buradaki kırmızı renk ile yazdığım kod kısmını alttaki hazırladığım kısım ile değiştirin.

kod:

class='header header-left'

2. yapılacak : Şimdi ise Ctrl + F yardımıyla  <div class='header-cap-bottom cap-bottom'> kodunu bulun, üstünde iki tane </div> kodu göreceksinizdir ve bunların bir satır üstüne alttaki kodu ekleyin.

kod:

<div style='clear:both;'/>

bu kodu ekledikten sonra bununda bir satır üzerine alttaki kodu ekleyin.

kod:

<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>

3. yapılacak : Son kod eklemesini de tamamladıktan sonra Ctrl + F yardımıyla  </head> kodunu bulun ve bir satır üzerine alttaki kodları da ekledikten sonra işlemimiz tamamlanıyor.

kod:

 <style>

.header-left{

display: inline-block;

float: left;

}

#header-right {

display:inline-block;

float:right;

}

</style>

Bunlardan sonra headerın sağına nasıl eklentileri ekleyebileceğiz? 

Eğer tüm işlemleri başarıyla tamamladıysanızYerleşim'e girdiğinizde alttaki resimdeki gibi header-right başlıklı bir bölüm eklenecektir sayfa elemanlarınıza ve buradan önceki ekli olan bölümlerdeki gibi Gadget Ekle linkine tıklayarak açılan pencereden her türlü eklentiyi ekleyebilirsiniz.