Cara Membuat Add Gadget Dibawah Header

Biasanya setelah Anda mengubah template custom, biasanya tidak muncul add gadget dibawah header template. Nah, untuk kali ini Anda dapat memunculkannya di template Anda.

Langsung aja prakteknya ya, tapi jangan lupa untuk mendownload template sobat dulu, soalnya caranya agak "mudah" jadi jaga-jaga siapa tahu terjadi kesalahan. tapi saran saya gunakan di blog biasa dulu, untuk latihan. Kalo berhasil tinggal lakukan di blog utama. setuju?

Ikuti langkah-langkah berikut ini:

1. Masuk ke Dashboard, pilih layout dan edit HTML

2. Lakukan backup template, dengan cara Download full template

3. Gunakan Ctrl+F atau tekan F3 untuk mencari kode ]]></b:skin> kalau sudah ketemu letakkan kode dibawah ini diatas kode tadi

#under_header1{

}

#under_header2{

float:left;

width:33.33%;

}

#under_header3{

float:left;

width:33.33%;

}

#under_header4{

float:right;

width:33.33%;

}

4. Cari kode berikut ini... atau yang mirip kode dibawah ini

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidget="1" showaddelement="no">

<b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>

</b:section>

</div>

tambahkan kode berikut dibawah kode tadi

<div id="under_header1">

<b:section class='header' id='underheader1' preferred='yes'/>

</div>

<div id="under_header2">

<b:section class='header' id='underheader2' preferred='yes'/>

</div>

<div id="under_header3">

<b:section class='header' id='underheader3' preferred='yes'/>

</div>

<div id="under_header4">

<b:section class='header' id='underheader4' preferred='yes'/>

</div>

5. Save template, tinggal cek sudah muncul belum gadgetnya.

sampai disini proses penambahan gadget dibawah header sudah selesai.

Untuk tips membuat navigasi menu di bawah header klik disini