Tutorial blog kali ini akan membahas mengenai cara menambah 3 kolom dibawah header blog. Dengan membuat elemen baru sebanyak 3 kolom yang letaknya dibawah header blog akan membuat tampilan halaman semakin menarik dan ramai, karena 3 buah kolom baru dibawah header tersebut bisa difungsikan untuk memasang widget yang dianggap penting oleh anda. Simak postingan sebelumnya cara menambah 1 kolom dibawah header dan postingan yang lainnya mengenai cara menambah 2 kolom dibawah header.
Cara Menambah 3 Kolom Dibawah Header Blog
1. Login ke blogger
2. Pilih Template => Edit Html
3. Tekan ctrl+F, cari kode
]]></b:skin> dan letakkan kode berikut diatasnya
#terlintas3-kolom {clear:both;}.tiga-kolom {}4. Lalu cari kode
<div id='main-wrapper'> dan letakkan kode berikut diatasnya<div id='terlintas3-kolom'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div><div style='clear:both;'/></div>
5. Simpan template
