Membagi/menambah header pada Blogger

Main game-nya break dulu. Serius sebentar.. hehehe
(klo emang penasaran banget, via bbm bisa... kirim saja SS nya)

Kita akan coba edit HTML guna memasang header tambahan. Biasanya header ini buat slot iklan atau keperluan lain.

Cara dibawah, bisa juga untuk "memecah" header menjadi 2 bagian.
OK, mari mulai.

Masuk dashboad blogger, pilih Template, pilih Edit HTML
Pada HTML code yang muncul, klik, kemudian tekan Ctrl+F, dan salin atau ketik kode dibawah ini:

 <a expr:href='data:blog.homepageUrl'><data:title/></a>

Jika tidak ketemu, coba ketik expr:href='data:blog.homepageUrl cari yang mirip. Tepatnya kode akan mirip dibawah ini saat ketemu (beda template beda coding, jadi mungkin tidak sama persis).

 <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
    </div>
    </div>

Salin kode dibawah ini diantara </b:section> dan </div>

 <b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Jadi akan terlihat seperti dibawah ini

 <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
    </div>
    </div> 

OK, section sudah nambah, tinggal salin kode CSS dibawah, tempel di sebelum  ]]></b:skin>

 #header, body#layout #header {width:50%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}

Klik save.
sudah gitu aja, ga repot...