Cara Simple buat Scroll Box untuk Bloglist

 on Wednesday  

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.

    Cara Simple buat Scroll Box untuk Bloglist 4.5 5 Irfan Zack Iskandar Wednesday Dekat sidebar ni kan biasa korang letak macam-macam widgets . Salah satunya ialah Bloglist . Seset...


    1 comment:

    J-Theme