Cara Mudah Menambah 2 Kolom Bawah Header Pada Blog

Cara Mudah Menambah 2 Kolom Bawah Header Pada Blog - Hampir sama seperti Tips Bloging sebelumnya tentang Pasang Elemen/Kolom Bawah Header Blog cuma kali ini kita akan menambahkan sekaligus 2 kolom sejajar yang terlihat seperti di bawah ini.

2 Kolom bawah header

Dan langkah yang kita ambil sebagai berikut: 
1. Login ke Blogger
2. Klik Template => Edit HTML
3. Backup template anda untuk jaga-jaga kalau ada yang error
4. Centang kotak dekat Expand Templates Widget
5. Tekan ctrl+F untuk mencari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#dua-kolom-bawah-header {clear:both;}.dua-kolom { padding:0px 0px 5px 5px; }

6. Lalu cari kode <div id='main-wrapper'> dan letakkan kode berikut diatasnya

<div id='dua-kolom-bawah-header'>
<div id='kolomkiri' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolomkiri' preferred='yes' style='float:left;'/>
</div>
<div id='kolomkanan' style='width: 50%; float: right; margin:0; text-align: right;'>
<b:section class='dua-kolom' id='kolomkanan' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

7.Selesai dan periksa dengan pilih Tata Letak lalu lihat apakah sudah ada 2 kolom sepeti gambar di atas

Demikian Tips Bloging kali ini dari saya tentang Cara Mudah Menambah 2 Kolom Bawah Header Pada Blog semoga bermanfaat.Happy Bloging