Cara buat Scroll Box untuk Widget

Assalamualaikum. Meletakkan sesuatu widget adalah bagus untuk blog. Walau bagaimanapun, adakalanya widget tersebut boleh 'menggangu' pandangan jika mengambil ruang yang agak besar untuk blog. Jika anda perasan, widget Apesal.com dan GengCyber.com di sebelah kanan sidebar blog saya ini boleh scroll. Ini secara tidak langsung dapat mengurangkan ruang yang digunakan dan menjadikan blog anda nampak lebih kemas. Scroll box ini juga sesuai dengan apa sahaja widget yang anda mahu. Secara ringkasnya, apa sahaja widget yang guna kod HTML boleh guna cara ini untuk jadikannya scroll.

Tutorial untuk membuat scroll box adalah seperti berikut..

1. Dari dashboard > design > add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.
<div style="width:426px;height:100px;overflow:auto; ">Letakkan kod widget anda disini</div>
Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki

3. Apabila selesai, save dan lihat hasilnya.




Ini adalah contoh kod yang saya gunakan
<div style="width:295px;height:600px;overflow:auto; "><script type="text/javascript" src="http://www.apesal.com/widget/1728/0/2/10/120/bottom/252525/ff8800/Tahoma|1.2em|0.04em|14px|100%25|2px|2px|0000fb|center|top|square|8,4,2,1,9,6,3"></script></div>

Be a Fan