Jumat, 05 April 2013

Menambah 3 Kolom Dibawah Header

1.  Login bloger teman.
2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.
4.  Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.
5.  Centang 
6.  Cari kode ]]></b:skin>,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.
7.  Paste kode berikut 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'>