Cara Simple buat Scroll Box untuk Bloglist

Dekat sidebar ni kan biasa korang letak macam-macam widgets. Salah satunya ialah Bloglist. Sesetengah orang suka senaraikan banyak blog dalam Bloglist dia. Jadi, nak elakkan daripada terus dan terus berjela-jela sampai ke bawah, kita boleh guna "scroll box". Mudah je kalau ikut steps ni betul-betul.


1. Dashboard > Design > Page Elements > Bloglist widget > Edit 

2. Widget id: "Configure Blog List" > copy widget ID seperti dalam bulatan merah di bawah.

3. Code 1:  

    #BlogList1 .widget-content{height:200px; width:auto;overflow:auto;}   

Tulisan merah adalah widget ID tadi.

Edit "height" ikut cita rasa korang. 

4. Copy "Code 1" tersebut.


5. Pergi ke Edit HTML > Expand Widget Templates

6. Tekan Ctrl F pada keyboard korang > Cari  ]]></b:skin> > Paste "Code 1" tadi ATAS
 ]]></b:skin> seperti dalam gambar.

7. Tekan "PREVIEW"

8. Kalau dah puas hati baru "SAVE TEMPLATE". Untuk tujuan 'keselamatan', "Download Full Template" dulu sebelum save apa-apa ye.

9. Siap! Dan hasilnya....

Penggunaan ruang bergantung pada "height" dan "width" tadi.