
Selain Menambah Gadget diatas/dibawah Header, kita juga bisa nambah gadget disamping header... mungkin sodara² sering ngelihat iklan di samping header dan ingin membuat blog sodara² seperti itu.... berikut caranya...
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Cari kode yang sama atau mirip dengan kode berikut :
/* HeaderCatatan :
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}
Setiap template biasanya berbeda kodenya,
yang penting perhatikan kode - kode yang ada pada bagian (/* Header)
6. Ganti kode diatas dengan kode dibawah ini :
/* Header7. Kemudian silahkan anda cari lagi kode yang sama atau mirip dengan kode berikut :
----------------------------------------------- */
#header {
float:left;
width:40%;
margin: 0px;
text-align: center;
color:#ffcc66;
}
#header2{float:left; width:60%;}
<div class='region-inner header-inner'>8. Ganti kode diatas dengan kode dibawah ini :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TITEL BLOG ANDA (Header)' type='Header'/>
</b:section>
</div>
<div id='header-wrapper'>10. Simpan Template.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TITEL BLOG ANDA (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
Nah.... jadi deh....,
Selamat mencoba dan Semoga bermanfaat....