-->

Menambah Widget 2 Kolom dibawah Header



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.

Menambah Widget 2 Kolom dibawah Header

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..!!
Labels: blogger tutorial, template hack, Widget

Thanks for reading Menambah Widget 2 Kolom dibawah Header. Please share...!

3 Comments on Menambah Widget 2 Kolom dibawah Header

  1. Terimakasih kawan..!!
    Sukses juga buat antum..!!!

    ReplyDelete
  2. Thanks sob,.
    Kunjungi balik http://aswinputrablog.blogspot.com/ jangan lupa like, follow, n coment juga yaa.

    ReplyDelete

Back To Top