Cara Membuat Kolom Widget di Bawah Header

Tutorial Blogger | persibpersija.com - Cara Membuat Kolom Widget di Bawah Header

Kolom baru dibawah header
Kolom widget di bawah header blog sobat hanya tersedia satu kolom? sedangkan sobat membutuhkan yang dua kolom? tiga kolom? Tenang, bisa sobat buat dengan cara ini.

Kolom widget di bawah header ini bisa dibuat dengan mudah. Jumlahnya bisa 1, 2, atau 3 pilih sesuai keinginan sobat, atau mau pasang ketiga-tiganya juga tidak apa-apa.


Cara Membuat Kolom Widget di Bawah Header pada Blog:

1. Login ke akun Blogger sobat.

2. Masuk pada bagian Template.
3. Masukan kode


#underheader { clear:both; } .underheader-widget {

padding:0px 10px 10px 10px; }

diatas kode ]]></b:skin>.


kemudian pilih salah satu kode dibawah, copy (CTRL+C), lalu paste (CTRL+V) tepat diatas <div id='main-wrapper'>

Kode dua kolom widget :

<div id='underheader'>

<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>

<b:section class='header' id='col1' preferred='yes' style='float:left;'/>

</div>
<div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='col2' preferred='yes' style='float:left;'/>
</div>
</div>


Kode tiga kolom widget :
<div id='underheader'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='col3' preferred='yes' style='float:left;'/>
</div>
</div>

Belum ada Komentar untuk "Cara Membuat Kolom Widget di Bawah Header"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel