Sabtu, 06 Februari 2010

Meletakan widget di bawah header

1. login ke blog
2. pilih layout kemudian edit html
3. Cari kode seperti ini :

]] >< /b:skin>

4. Kemudian salin kode berikut tepat di atas kode " ]] >< /b:skin > " :

#kolomatas{
width:650px; >>>>>>>>>>>>> sesuaikan dengan lebar header
float:left;
margin:0 5px; >>>>>>>>>>>> semakin besar maka semakin jauh dari garis pinggir header
}

#kolomatas1{

}

5. Cari kode seperti ini :

< id="'header-wrapper'">
< class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'">
< id="'Header1'" locked="'true'" title="'testing" type="'Header'/">
< /b:section>

6. Salin kode berikut tepat dibawah kode diatas :

< id="'kolomatas'">
< class="'kolomatas1'" id="'kolomatas1'" preferred="'yes'">
< /b:section>
< /div>

7. Cari kode seperti ini :

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

8. tambah kan " height:120px; " setelah " width:660px; "

9. Simpan template

Tidak ada komentar:

Posting Komentar