2. Klik tata letak atau layout.
3. Pilih Edit HTML.
4. Backup data terlebih dahulu, caranya pilih : Download Template Lengkap.
5. Centang Expand Template Widget.
6. Cari kode ]]></b:skin> (gunakan Ctrl + F).
7. Paste kode berikut dibawah ini... di atas kode : ]]></b:skin>
#tiga-kolom-dibawah-header { clear:both; } .tiga-kolom { } |
8. Copy kode berikut
<div id='tiga-kolom-dibawah-header'> <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> |
9. Paste di atas kode ini : <div id='main-wrapper'>
KETERANGAN :
Jika kita awalnya mengikuti dari membuat 2 kolom di bawah header, (sekali lagi hanya bagi yang mengikuti dari cara membuat 2 kolom di bawah header), maka... kita hanya tinggal mengganti kode berikut :
</div> <div id='dua-kolom-dibawah-header'> <div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/> </div> <div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'> <b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div> |
Menjadi kode berikut dibawah ini
</div> <div id='dua-kolom-dibawah-header'> <div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/> </div> <div id='kolom2' style='width: 35%; float: right; margin:0; text-align: left;'> <b:section class='dua-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='dua-kolom' id='kolom3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div> |
Tempatnya tetap sama di atas kode <div id='main-wrapper'> jangan ditambah tetapi... di ganti.
10. Simpan tempalte... SELESAI.
Sumber : http://creatingwebsite-maskolis.blogspot.com/2011/03/menambah-kolom-dibawah-header-blogspot.html
--- oOo ---
