Cara Menambahkan Widget Di Sebelah Samping Kanan / Kiri Header

Cara menambahkan widget di sebelah samping kanan/kiri header. Ini sangat bermanfaat sekali gagi blog misalnya digunakan untuk menampilkan iklan kita atau untuk iklan orang lain atau buat naruh adsense seperti punya saya di atas.

Okelah langsung saja tutorialnya :

1. Login ke blogger. Dari halaman dasbord pilih pengaturan Template.
2. Kemudian Klik edit HTML, dan cari kode .(Ktrl+F) header-outer { . Kode lengkapnya.
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}
3. Ganti semua kode diatas dengan kode berikut ini
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
#header {
width: 40%;
margin-right: 10px;float: left; }
#headerkanan {
float: right;
width: 54%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkanan .widget {margin: 3px;}
4. Catatan
.header-outer { pada bagian height: 104px(untuk mengatur tinggi  header).
 #header { pada bagian width: 40%; lebar header kiri.
#headerkanan { pada bagian width: 54%; lebar header kanan. dan margin: 20px 10px 5px 10px; posisi atas-bawah header kanan.
5. Kemudian Cari kode <div class='region-inner header-inner'> dan tambahkan kode berikut disamping kanannya.
<b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
6. Keseluruhan kode menjadi.
<div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
7. Selanjutnya Save template. Tamat.

Semoga bermanfaat...........

• Tweet
• Share
• Share
• Share
• Share