Menambah 3 Kolom Dibawah Header
- Login bloger teman.
- Klik tata letak atau layout.
- Pilih Edit HTML.
- Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.
- Centang Expand Template Widget
- Cari kode ]]></b:skin>,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.
- Paste kode berikut di atas kode ]]></b:skin>
#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}
- 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>
- Simpan tempalte.
- Lihat perubahannya pada tata letak.
Itu tadi sedikit tutorialnya, bagi temen-temen yang punya cara yang lebih bagus, saya mau kok dikasih tahu. Semoga bermanfaat
Tidak ada komentar:
Posting Komentar