Scroll Box untuk Widget

Posted on 8:00:00 AM by  with 58 comments
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..:)

58 comments:

  1. Ummi HanieOctober 18, 2010 at 10:18 AM

    very gud ! i loikeee ;) n thanx

    ReplyDelete
  2. NasirOctober 18, 2010 at 10:28 AM

    i like n i like ummi hanie too..hehehe

    ReplyDelete
  3. AnonymousOctober 19, 2010 at 3:02 PM

    thanks..request tutorial nak scroll label/category

    Blog Best Klik Sini

    ReplyDelete
  4. AnonymousOctober 21, 2010 at 1:24 AM

    aku nak try buat nih plak..hehe

    ReplyDelete
  5. AnonymousOctober 21, 2010 at 1:35 AM

    kahkahkah...aku berjaya!!! yesss lah..leh hisap rokok suria sebatang pasnih!! yeahoo..

    ReplyDelete
  6. AdminOctober 21, 2010 at 8:52 AM

    Macam mana pula cara untuk membuat berbilang tab untuk recent post,popular post,recent comment dan sebagainya hanya dalam satu tab. Dimana ianya dapat memudahkan, menjimatkan ruang dn nmpk pro.

    Cuba lihat contoh pada problogger.net. Di situ kita dapat lihat editor web membuat tab bertajuk popular at problogger. Sudikah anda menunjukkan cara hendak membuatnya. permintaan nie.


    Menara Warisan Merdeka 100 Tingkat? Then you better read this!

    ReplyDelete
  7. cikCOKLET:)October 22, 2010 at 12:35 AM

    dh try..tengs!

    ReplyDelete
  8. UnknownOctober 23, 2010 at 2:56 AM

    salam....sy nk tnya skit ni, mcm mana ek 'FOLLOWER' sy x kluar dlm blog? dh bnyak kali dh sy try...sy mntak pnjelasan dpd tuan

    ReplyDelete
  9. story songNovember 6, 2010 at 11:36 AM

    salam..., terima kasih tutorialnya, semoge jak blog ni makin elok

    ReplyDelete
  10. KUCING rilekNovember 8, 2010 at 12:21 PM

    xmenjadi dah..dulu boleh

    ReplyDelete
  11. AidanatasyaNovember 9, 2010 at 2:58 PM

    thnxxx... nice sharing :)

    ReplyDelete
  12. KashikaaririNovember 9, 2010 at 8:21 PM

    Boleyh guna untuk boh gambaq x? hehehe

    ReplyDelete
  13. terataiNovember 15, 2010 at 11:05 PM

    tqvm, senang sangat nak buatnya!

    ReplyDelete
  14. UnknownNovember 17, 2010 at 10:15 PM

    thanks..

    ReplyDelete
  15. nurulNovember 19, 2010 at 12:01 AM

    thanks...dah jadi yay!

    ReplyDelete
  16. UnamnNovember 19, 2010 at 9:36 PM

    entry mnrik.. ;)!

    ReplyDelete
  17. Pencari QurratuainiNovember 25, 2010 at 5:27 PM

    Salam..info yang berguna

    ReplyDelete
  18. seposeng karatNovember 30, 2010 at 10:51 AM

    thanks 4 sharing..nnt singgah lg :)

    ReplyDelete
  19. Farahanis WahedaDecember 20, 2010 at 7:53 PM

    terima kasih !

    ReplyDelete
  20. DinazDecember 24, 2010 at 12:39 AM

    dah buat kat blog saya..silakan lawat ya..

    ReplyDelete
  21. iedaJanuary 1, 2011 at 12:22 PM

    DIK KALAU NAK BUAT CONFIGURE BLOG LIST TU BOLEH SCROOL MCM MANA PULAK SBB DIA BUKAN DARI GADGET HTML ..

    ReplyDelete
  22. UnknownJanuary 2, 2011 at 12:07 AM

    cmne nk buat scroll box utk gambar eh..?
    sbb nk letak gmbar kn add gadget through Picture..bukan html..

    ReplyDelete
  23. Cik SCCJanuary 6, 2011 at 10:57 PM

    wah,,dah berjaya lagi..mekaseh!!

    ReplyDelete
  24. 10jarijemariJanuary 22, 2011 at 1:33 AM

    sudah berjaya buat....oh bangga nya...haha~

    ReplyDelete
  25. imaza93January 26, 2011 at 10:01 AM

    nak tanya , nak buat scroll box untuk blog archieve bole tak ?

    ReplyDelete
  26. AnonymousJanuary 26, 2011 at 5:58 PM

    thanks...sharing is caring..hihi...

    ReplyDelete
  27. dumpling huszFebruary 4, 2011 at 9:38 PM

    berjy akhr nya...follo sy kt "dumpling husz"
    blog ok...

    ReplyDelete
  28. AnonymousFebruary 11, 2011 at 6:52 PM

    INGIN TINGKATKAN TRAFFIC BLOG ANDA?
    SERTAI KAMI DI MALAYSIAN BLOGGERS COMMUNITY
    PING BLOG ANDA SECARA PERCUMA DISINI.

    CLICK HERE TO JOIN"MALAYSIAN BLOGGERS COMMUNITY"

    ReplyDelete
  29. Anum ShukriFebruary 14, 2011 at 9:59 AM

    Menjadi..terima kasih..

    ReplyDelete
  30. Lavia ZielaFebruary 21, 2011 at 7:47 AM

    cmne nk wt yg bile kt anak panah tu ade kua something like salji ke....

    ReplyDelete
  31. liliFebruary 21, 2011 at 12:04 PM

    kod widget kt mn??? xjumpe

    ReplyDelete
  32. miss chomotsFebruary 24, 2011 at 5:09 PM

    cm ner nk wat banner sendiri yer..yg cantik2...letak pic sendiri...name sendiri n etc..plez tutorial

    ReplyDelete
  33. anasyahnaFebruary 26, 2011 at 9:40 AM

    salam, tuan blog.. xjadik pun.. :'( sye da buat ikut step.. betul ke juz copy n paste kod kat atas?? moh0n bantu.. sye baru belajar..

    ReplyDelete
  34. UnknownMarch 10, 2011 at 12:33 PM

    thank.. cam mana untuk letak kat post ke blockquate ke..buat la tuto ek..

    ReplyDelete
  35. n0raz!raMarch 15, 2011 at 12:21 AM

    salam....xjd....nape dia ketepi nmpk half je??

    ReplyDelete
  36. mempawah creationMarch 15, 2011 at 7:21 PM

    Thanks for your article. i like it

    ReplyDelete
  37. AnonymousMarch 20, 2011 at 11:18 PM

    thanks a lot!! keep it up with the blog ;DD

    ReplyDelete
  38. MeteoragurlzMarch 24, 2011 at 11:14 AM

    kod widget tu nak amik kat mne??

    ReplyDelete
  39. Me?????March 26, 2011 at 3:52 AM

    kod widget nk ambil kt mne?

    ReplyDelete
  40. mohd mukhris bin ramliMarch 26, 2011 at 11:59 PM

    kod ape ehh yg nk dletkkn ?

    ReplyDelete
  41. Syaa MimieyApril 5, 2011 at 1:10 AM

    macam mana nak buat banner ?

    ReplyDelete
  42. Yellow LoverApril 24, 2011 at 2:17 AM

    KOD WIDGET TU APA EK

    ReplyDelete
  43. UnknownMay 5, 2011 at 3:38 PM

    tolong ..aku buat x jadi la..camna nk letak labels dlm scroll box ? apa kod widget utk labels ni..adoiii kompius aku

    ReplyDelete
  44. shandye.May 10, 2011 at 2:09 PM

    yang ini pun menjadi jugak. thanks sebab sudi berkongsi ilmu...

    http://lelakitanpaemosi.blogspot.com/

    ReplyDelete
  45. AnonymousMay 23, 2011 at 11:00 PM

    alaa.. tak pandai la

    ReplyDelete
  46. MoonMay 27, 2011 at 3:18 AM

    naseb baik jumpa tutor ni.. mister linky sye da panjang sgt..smpai xtaw nk letak kat mne...

    ReplyDelete
  47. arianaJune 7, 2011 at 11:25 AM

    Dah lama cari untuk mister linky saya..thanx alot!

    ReplyDelete
  48. AL AZRULJuly 20, 2011 at 6:05 PM

    perghh terbaik...brulah kemas skit blog klu ada scroll ni...hehe

    ReplyDelete
  49. saptonAugust 9, 2011 at 3:55 PM

    Terimakasih....tutorialnya sangat membantu saya

    ReplyDelete
  50. khairulAugust 13, 2011 at 10:37 AM

    bagaimana scroll box utk "label" dan bloglist ?

    ReplyDelete
  51. naz chubbyliciosNovember 26, 2011 at 1:44 PM

    mcm mna na buad scroll box utk popular post ?

    ReplyDelete
  52. MukeshFebruary 26, 2012 at 8:23 PM

    I came here via allblogtools and found such a nice tutorial... thanks man keep it up

    ReplyDelete
  53. Best4picMarch 5, 2012 at 7:43 AM

    Thank for it,nice job friends

    ReplyDelete
  54. Navigation menu for bloggerMay 21, 2012 at 10:17 PM

    thanks for scroll box untuk widget. good tutorial

    ReplyDelete
  55. iLa SweetJune 2, 2012 at 10:30 AM

    kod widget tu cm ne erk ?
    trangkn plizzz ..

    ReplyDelete
  56. artikelguideJanuary 17, 2013 at 1:32 PM

    thanks infonya
    http://artikelguide.blogspot.com/

    ReplyDelete
  57. kata bijak superSeptember 19, 2013 at 9:05 PM

    infonya mantap sob

    ReplyDelete
  58. adminFebruary 23, 2022 at 4:29 PM

    Cara-cara Permohonan pelajar ke timur tengah secara mudah melalui online.

    10 top reasons you should take medical course.
    5 things you need to know on how study medicine in malaysia

    kelebihan belajar di luar negara yang anda perlu tahu sebelum membuat keputusan untuk belajar di universiti luar negara yang terbaik untuk anda.

    ReplyDelete

Subscribe to: Post Comments (Atom)