Mohd Nazri

Lelaki, Puluhan tahun?

Beratap Langit Berlantai Bumi, Malaysia

aku menulis bukanlah kerana merasakan diri sudah cukup bagus. blog ini tidak boleh dijadikan kayu pengukur bagi diri aku. aku hanyalah insan yg lemah, yg masih belajar dan berusaha menjadi yg lebih baik. blog ini hanyalah sekadar perkongsian. jika ada salah dan silap dalam penulisan, tegurlah. semoga kita sama-sama mendapat manfaat darinya.

Visit My Blog :
=>bilanazberfikir.blogspot.com
=>personal-naz.blogspot.com
=>BakalMeninggal.blogspot.com
::
Start
Windows 8™ by nazri
Shutdown

Navbar bawah

Search This Blog

Saturday 30 August 2014

Scroll Box untuk Widget

Meletakkan sesuatu widget adalah bagus untuk blog. Walau bagaimanapun, adakalanya widget tersebut boleh 'menggangu' pandangan jika mengambil ruang yang agak besar untuk blog.

Salah satu penyelesaianya adalah dengan menjadikan widget tersebut boleh scroll. Ini secara tidak langsung dapat mengurangkan ruang yang digunakan dan menjadikan blog anda nampak lebih kemas.

cara buat scroll box


Scroll box ini juga sesuai dengan apa sahaja widget yang anda mahu.:) Antara widget yang sesuai menggunakan scroll box ini adalah Mister Linky. Ini kerana jika jumlah pengunjung yang meletakkan url adalah banyak, ruang yang digunakan juga akan bertambah.

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

Senang bukan.. :)

0 comments: