Cara Menambah 3 Kolom Di Bawah Header Blog

Share

Cara Menambah 3 Kolom Dibawah Header Blogger - Pada tutorial kali ini saya akan membahas tentang cara menambah 3 kolom di bawah header, supaya blog rame dengan memasang widget-widget yang menarik terlihat blog kita serasa blog yang profesional/atau sebaliknya,heheeeeee..

Memasang 3 kolom di bawah header ini sangat cocok untuk di pasangi widget iklan-iklan PPC ataupun widget yang lain yang anda rasa cocok di letakan pada atas blog anda.

Ok,lansung saja kita buat, berikut langkah-langkahnya:

1. Masuk ke login dulu
2. Masuk ke template
3. Edit HTML
4. Lanjutkan
5. Expand widget

Cari kode ]]> lalu letakan kode berikut ini tepat di atasnya.

/* 3kolom-atas

---------------------------- */

#3kolom-atas {

width: 930px;background:#666666;

position: relative;display:inline;

clear:both;

margin:0 auto 0;

color:#000;

float: left;

padding:10px;

}

#kiri-atas {

width: 290px;

float: left;display:inline;

margin:10px 5px 0 5px;

padding:5px

}

#tengah-atas {

width: 280px;

float: left;

margin:10px 5px 0;

padding:5px

}

#kanan-atas {

width: 290px;

float: left;display:inline;

margin:10px 5px 0;

padding:5px

}

Sudah apa belum ? Jikalau sudah cari kode ini

, lalu letakan kode di bawah ini tepat di bawah kode tadi yang anda cari.

<div id='3kolom-atas'>

<b:section class='3kolom-atas' id='kiri-atas' preferred='yes' showaddelement='yes'/>

<b:section class='3kolom-atas' id='tengah-atas' preferred='yes' showaddelement='yes'/>

<b:section class='3kolom-atas' id='kanan-atas' preferred='yes' showaddelement='yes'/>

</div>

Save template.

Lihat hasilnya, dan semoga bermanfaat.

Sumber: http://zuhrie-uye.blogspot.com/2012/05/cara-menambah-3-kolom-di-bawah-header.html#ixzz23GcXlQkB

Follow us: zuhrieification on Facebook