Membuat 2 Kolom di Bawah Header
postingan kali ini saya akan membahas bagaimana cara menambah 2 kolom widget di bawah header.Langsung saja langkah-langkahnya :
1. Login ke blogger dengan ID anda.
2. Klik Tata letak.
3. Pilih Edit HTML.
4. Seperti biasa, kita backup dahulu sebelum mengotak-atik template kita. Caranya klik pada Download Template lengkap.
5. Centang Expand Template widget.
6. Cari kode ]]></b:skin> , cara gampangnya bisa menekan Ctrl + F , lalu ketik atau pastekan kode tersebut di sebelah tulisan Find.
7. Copy dan pastekan kode berikut di atas kode ]]></b:skin>;
#dua-kolom-dibawah-header {
clear:both;
}
.dua-kolom {
}
clear:both;
}
.dua-kolom {
}
8. Copy kode berikut ini dan paste di atas kode <div id='main-wrapper'>
</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>
<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>
9. Klik Simpan Template.
Lihat perubahannya pada Tata Letak.
Sumber: http://sensetutorial.blogspot.com/2011/02/membuat-2-kolom-di-bawah-header.html
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar
Blog ini merupakan Blog Dofollow silahkan berkomentar untuk mendapatkan backlink gratis. Tak ada Moderasi maupun Verifikasi. Tolong jangan melakukan SPAM maupun berkomentar yang dapat mengundang SARA.