Cara Menambah Widget di bawah Header

Ada seorang Sobat yang menanyakan "Bagiaman membuat/menambah widget dibawah header yang sesuai dengan template". Sebenarnya menambah widget dibawah header tidaklah sulit apalagi kalo Sobat mau sedikit otak-atik kode CSS dan HTML. Tentu Sobat akan bisa membuatnya.

Untuk membuat widget dibawah header agar sesuai dengan template asli dan kelihatan maching ikuti dan gunakan kode dibawah ini :

Copy kode berikut dan letakkan di atas kode ]]></b:skin>


#widget-plus{
margin:10px 0;
padding:1%;
width:98%;
}

Keterangan :

Untuk margin dan padding dapat Sobat rubah sesuai keinginan.

Kemudian cari kode seperti di bawah ini atau yang mirip:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>


Copy kode berikut persis di bawah kode tadi :

<div id="widget-plus">
<b:section class='header' id='widgetplus' preferred='yes'/>
</div>


Terakhir jangan lupa klik Save Template

Mudahkan... Semoga berhasil.

Comments :

0 komentar to “Cara Menambah Widget di bawah Header”


Posting Komentar