nah kali ini kita akan menambahkan 3 kolom bawah header.
berikut caranya :1. Login ke blogger
2. Pada dasboard klik Rancangan
3. Klik Edit HTML
4. Silahkan cari kode ]]></b:skin>
Letakkan kode berikut diatas kode ]]></b:skin>
/* 3kolom-atas5. Selanjutnya cari kode dibawah ini!
---------------------------- */
#3kolom-atas {
width: 930px;background:#666666;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#kiri-atas {
width: 290px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#tengah-atas {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#kanan-atas {
width: 290px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}
<div id='header-wrapper'>6. Jika sudah ketemu letakkan kode HTML berikut dibawah ini diatas kode tadi!
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='JUDUL BLOG KAMU (Header)' type='Header'/>
</b:section>
</div>
<div id='3kolom-atas'>7. Klik simpan template
<b:section class='3kolom-atas' id='kiri-atas'/>
<b:section class='3kolom-atas' id='tengah-atas'/>
<b:section class='3kolom-atas' id='kanan-atas'/>
</div>
Keterangan :
Jika template sudah menggunakan menu navbar letakkan kode HTML (Langkah no 6) dibawah kode navbar, kamu bisa mencari kode navbar dibagian bawah kode header Atau jiika bingung letakkan kode langkah no.6 dibawah <div id='content-wrapper'>
Perhatikan kode berwarna merah silahkan ubah sesuai dengan lebar kolom template kamu dan masing-masing kolom juga harus disesuaikan agar tidak saling bertabrakan, untuk warna hijau yaitu kode untukwarna background widget.
Semoga berhasil!