Cara Menambahkan 3 kolom dibawah header

Cara Menambahkan 3 kolom dibawah header - Selamat siang sahabat blogger dihari yang panas ini klick-sanasini akan memberikan tips bagi anda yang hendak menambahkan kolom di bawah header untuk menambah space iklan di blog. cara ini saya dapat dari blogwalking saya kemarin.

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

Categories: Trik Blogger