18 Jun 2008

Tutor menambah background kedalam widget


Akhirnya saya punya waktu bat nulis blog lagi..
nah sekarang saya mo ngasih tutorial nambahin background
image kedalam widget blog anda..

Sebagai contoh satu aja yak..

Nambahin background image dalam blog archive:
cari kode berikut
<:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

untuk menambah background pada blogarchive
ketik kode berikut
#BlogArchive1{
background: #fff url(URL GAMBAR ANDA) no-repeat;
}

nah kemudian taruh kode tersebut dibawah tag footer.
kalo bingung taruh kode tersebut dibawah kode ini

#footer .widget-content {
margin:0;
}


jangan lupa gambarnya disesuaikan dengan panjang dan lebar widget anda.
url yang saya pakai pada blogarchive saya http://img406.imageshack.us/img406/3889/59894051xh0.jpg

cara tersebut berlaku juga pada widget-widget yang lain..
contoh kode HTML saya:
<:widget id='HTML4' locked='false' title='' type='HTML'/>
<:widget id='Label1' locked='false' title='Category' type='Label'/>
<:widget id='HTML3' locked='false' title='gambar munyuk' type='HTML'/>
<:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<:widget id='BloggerButton2' locked='false' title='' type='BloggerButton'/>
</b:section>

pokoknya yang diambil kode2 yang bercetak tebal saja..
Nah.. selamat mencoba dan semoga berhasil.




Cetak halaman ini

0 komentar:

DEDE's Template by : dede projeck