Tambah Elemen di bawah Header

Kali ini aku nak kongsikan cara-cara nak tambahkan elemen di bawah header blog.
Dengan adanya elemen ini, korang boleh masukkan pelbagai widget atau apa-apa yang korang suka. Rujuk gambar:-


Sebelum itu pastikan korang backup dulu template asal korang. Cara-caranya ialah:-

1) Cari kod ]]></b:skin>

Kemudian copy kod di bawah dan paste sebelum kod ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}


2) Kemudian korang cari kod seperti di bawah:-

<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>

Dan copy kod di bawah dan paste betul-betul selepas kod di atas:-

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>


Save dan siap, korang boleh tengok layout blog korang.

Image Hosted by ImageShack.us

10 comments:

Post a Comment