Cara Menambah 3 Kolom Di Bawah Header Blog

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 ]]></b:skin> 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 <div id='content-wrapper'> , 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.

Posted by iD on - Rating: 4.5

Title : Cara Menambah 3 Kolom Di Bawah Header Blog
Description : Cara Menambah 3 Kolom Dibawah Header Blogger - Pada tutorial kali ini saya akan membahas tentang cara menambah 3 kolom di bawah header , su...

Share to

Facebook Google+ Twitter