Header'i İkiye Bölmek ve Faydalanmak :)

Az önce bir arkadaşımızdan aldığım yardım çağrısına kulak verdim. Hem o arkadaşımız hemde diğer bilmek isteyen arkadaşlarımız faydalansın istedim. Üstbilgi yani Header'ı ikiye bölüp diğer tarafa reklam kodunu veya başka koymak istediğiniz kodları yerleştirebilirsiniz. Bunun için yapmanız gerekenler; (Önemli Uyarı : Şablonun Yedeğini Alın!)


Ben 350 px yapacağım kendi tercihinize göre değiştirebilirsiniz..

1. Blogger Hesabınıza giriş yapın
2. Yerleşim > HTML Düzenle >
   

• Seçili olan yer Header'ın tam boyutu. Boyutu nerede diyorsanız diye gösteriyorum :)
  

Buna ek olarak "#header { " kodunun hemen altına

float:left;
width:350px;

yukarıdaki kodu ekleyin. Aşağıda gösterilen şekilde.





Şimdi Header'ın kalan kısmı için bir style oluşturalım.. Aşağıdaki kodu resim deki gibi yerleştirin.

#header2 {
float:right;
width:250px;
}

Nereye yerleştirdiğimi seçili olarak belirttim.

Bu kısmı dikkatlice takip etmenizi istiyorum. Aksi takdirde yanlış yapacağınız işlem temanızı bozulmasına neden olacaktır.

Başlayalım ;)

• <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='bagatur (Üstbilgi)' type='Header'/>
  </b:section>

• Yukarıdaki kodu aratıp ( Önemli Not: bagatur olduğundan farklılık gösterir sizin blog başlığınızı aratın. ) " </b:section> " kodundan hemen sonra, aşağıdaki kodu yapıştırın
  

Büyültmek için resimi tıklayın.

<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>

Şablonu Kaydedin.



Eğer bütün talimatları uyguladıysanız aşağıdaki gibi bir görüntü alacaksınız.


Büyültmek için resmi tıklayın

Demo : Bagatur
Evet işlem bitti. Eğer bir sorunla karşılaşırsanız iletişime geçmekten çekinmeyin.

İyi Bloglamalar Efenim