Featured Post

Penjelasan lengkap Koperasi alfamart (Kopkar)

Koperasi Alfamart  Karyawan(Kopkar) Semua koperasi, dalam hal ini khususnya  koperasi Alfamart  memiliki keistimewaan tersendiri yaitu mempunyai simpanan dana untuk anggota karyawan Alfamart. Simpanan setiap anggota  koperasi karyawan alfamart   (Kopkar) terdiri atas : Simpanan pokok koperasi  bagi karyaw…

Cara Membuat Kolom Widget di Bawah Header

Post a Comment

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>

Related Posts

Post a Comment

Subscribe Our Newsletter