Menambah Widget 2 Kolom dibawah Header

Coretan Bang Dadan on

Wednesday, January 16, 2013

Cara Menambah Widget 2 Kolom dibawah Header - Sahabat blogger pada postingan yang lalu bang dadan telah membuat artikel tentang Cara Menambah Widget 1 Kolom dibawah Header, nah pada kesempatan kali ini bang dadan akan membahas bagaimana Cara Menambah Widget 2 Kolom dibawah Header, tutorial kali ini hampipr sama dengan yang sebelumnya hanya saja pada postingan kali ini kita membuat elemnet nya 2 kolo dibawah header, mungkin sudah pada mengerti apa yang saya maksudkan.

Oke langsung saja pada tahap pembuatan:

Cara Menambah Widget 2 Kolom dibawah Header

1. Login ke blog.
2. Masuk ke dasbor dan Klik tata letak atau layout.
3. Kemudian Pilih Edit HTML.
4. Sebelum memulai pengeditan alangkah baiknya anda sekalian backup template terlebih dahulu.
5. Selanjutnya cari kode ]]></b:skin>, agar lebih mudah anda bisa menekan Ctrl + F, kemudian copy dan paste kode berikut tepat diatas ]]></b:skin>

#dua-kolom-dibawah-header {
clear:both;
}
.dua-kolom {
}

6. Kemudian car lagi kode <div id='main-wrapper'> lalu copy kode dibawah ini tepat di atas <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>

7. Selanjutnya klik Simpan Template
Selesai, silahkan sobat lihat perubahan nya.

Sekian dulu pembahasan kita kali ini tentang Cara Menambah Widget 2 Kolom dibawah Header, semoga artikel ini bermanfaat bagi anda semua, tunggu postingan selanjutnya tentang Cara Menambah Widget 3 Kolom dibawah Header. Comming soon..!!!

Hatur Nuhun..!!