Menambah dan Membuat Satu Kolom Widget Bawah Header
Membuat satu kolom widget bawah header telah banyak dibahas oleh blogger-blogger tanah air dan artikel ini merupakan ringkasan dari Cara Membuat Kolom Widget Bawah Header yang telah saya bahas sebelumnya secara lengkap dan membingungkan :)
Dan berikut cara Menambah dan Membuat Satu Kolom Widget Bawah Header
Dan berikut cara Menambah dan Membuat Satu Kolom Widget Bawah Header
- Login ke blog sobat
- Pilih Template >> Edit HTML >> Lanjutkan
- Centang Expand Template Widget
- Tekan Ctrl + F pada keyboard
- Cari kode ]]></b:skin>
- Tambahkan kode berikut diatas ]]></b:skin> sehingga tanpilannya akan seperti ini
#bawahheader{
float:left;
width:100%;
}
]]></b:skin> - Lalu cari kode <div id='header-wrapper'>
Kode lengkapnya seperti ini
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
-------------
-------------
</b:section>
</div> =====> kode penutup <div id='header-wrapper'> - Tambahkan kode
<div id='bawahheader'>
<b:section class='header' id='bawahheader' preferred='yes'/>
</div>
di bawah </div> - Sehingga hasilnya seperti berikut ini
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
-------------
-------------
</b:section>
</div>
<div id='bawahheader'>
<b:section class='header' id='bawahheader' preferred='yes'/>
</div>
