Senin, 25 Maret 2013

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

Tidak ada komentar:

Posting Komentar