HOME PORTFOLIO SERVICES CONTACT ME TERMS & CONDITIONS CUSTOMER FEEDBACK

Jul 10, 2011

Tutorial Blog | Cara mencantikkan scroll bar blog

Salam to all readers..


Dah lama tak buat tutorial blog.. Asyik meriah dengan tutorial doodle jer..heheh..Okay la, ada diantara readers dil, mintak dil tunjukkan cara nak cantikkan scroll bar blog.. Tak faham apa itu scroll bar blog?? Tengok kat sini.. * Hanya untuk pengguna google chrome sahaja

*sebok jer, budak yang ngah naek skuter tu..hehehe



Sila tekan READ THIS untuk melihat tutorial cantikkan scroll bar



Step 1

Pergi dekat
Dashboard>Design>Edit html>Tick Expand Widget Templates


Cari code ini
]]></b:skin>

Step 2

Copy code kat ini dan letakkan sebelum code step 1

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}

Cuba preview.. Kalau tak ada error, boleh la tekan button save dengan senang hati..^^

Tips
  • Yang berwarna BIRU adalah untuk background scroll bar
  • Yang berwarna MERAH adalah untuk scroll bar
  • Untuk warna, sila rujuk disini HTML Color Codes



nota kaki:

Kalau ada apa-apa nak tanya, jangan segan silu..^^


Written by at
Labels:

87 comments:

  1. ✿ Cik Nisa ✿July 10, 2011 at 7:20 PM

    x jadi pown :(

    ReplyDelete
    Replies
    1. AnonymousJanuary 15, 2013 at 5:53 PM

      kenape x jadi ape2 akak?
      sdeyh tau tak?

      Delete
  2. AnonymousJuly 10, 2011 at 7:28 PM

    thanksss :D dah jadi ^^

    ReplyDelete
  3. cikdilJuly 10, 2011 at 7:29 PM

    x mnjadi??

    ReplyDelete
    Replies
    1. AnonymousJanuary 15, 2013 at 5:44 PM

      kite kene pilih salah satu yang ade kat atas tu ke?

      Delete
  4. cikdilJuly 10, 2011 at 7:31 PM

    @ SYAIDATUL AKMAL:da jadi??hehe..sama2

    ReplyDelete
  5. Cik MimieJuly 10, 2011 at 8:48 PM

    nice entry..thankz for sharing..=)

    ReplyDelete
  6. Tauke BuduJuly 10, 2011 at 8:55 PM

    wewit...lawanya lah yg naik skooter tu...
    utk woprdpress boleh??
    haha,...

    ReplyDelete
  7. Jasmin IbrahimJuly 10, 2011 at 10:24 PM

    ha,nampak2....tapi sy slalu guna mozilla...folower pun ramai mozilla.....nak buat pun,cm xpyh jer...huhu

    ReplyDelete
  8. nurulJuly 11, 2011 at 1:02 AM

    thnx...wat kali kedua baru jadik.. hehehe.. XD

    ReplyDelete
  9. scroll bar baruJuly 11, 2011 at 3:58 AM

    comel..
    tq tuan tanah !

    ReplyDelete
  10. UnknownJuly 11, 2011 at 9:51 AM

    okeh dh jadi..thx cik dil

    ReplyDelete
  11. UnknownJuly 11, 2011 at 9:58 AM

    dah jadik... tq tq tq

    ReplyDelete
  12. Sunah SakuraJuly 11, 2011 at 10:51 AM

    hehehe...rajin buat tutorial.. =)

    ReplyDelete
  13. cikdilJuly 11, 2011 at 11:40 AM

    @ Cik Mimie: ^^

    ReplyDelete
  14. cikdilJuly 11, 2011 at 11:41 AM

    @ Tauke Budu:nak tumpang dop??hohoo..

    kita guna blogspot jah..xtau bab wordpress ni ^^

    ReplyDelete
  15. cikdilJuly 11, 2011 at 11:42 AM

    @ Jasmin Ibrahim:hehe..

    ReplyDelete
  16. cikdilJuly 11, 2011 at 11:42 AM

    @ nurul atikah:xpe..jnjii jadii

    ReplyDelete
  17. cikdilJuly 11, 2011 at 11:43 AM

    @ scroll bar baru :sesama..^^

    ReplyDelete
  18. cikdilJuly 11, 2011 at 11:43 AM

    @ shera haifa:^^

    ReplyDelete
  19. cikdilJuly 11, 2011 at 11:44 AM

    @ che'pi:^^

    ReplyDelete
  20. AinChewJuly 17, 2011 at 9:46 AM

    thenks cik dill... nt kungsi tutor g auw

    ReplyDelete
  21. AnonymousJuly 26, 2011 at 9:34 AM

    wah,,jadi dah..thanks cik dil ;)

    ReplyDelete
  22. UnknownJuly 28, 2011 at 11:00 PM

    dh jadi..tq..=)

    ReplyDelete
  23. Riza Lydia LiyanaAugust 1, 2011 at 10:18 AM

    kak,law nk buwat ctrl+f tu cam mna?
    x fham la

    ReplyDelete
  24. ! N A N A !August 8, 2011 at 12:49 AM

    thanks.. da jadi ..

    ReplyDelete
  25. aidaAugust 9, 2011 at 4:22 PM

    xjdi la dear! HMM :(

    ReplyDelete
  26. // zatyAugust 19, 2011 at 12:19 PM

    x jde lah!kluar text kt ats:(

    ReplyDelete
  27. AnonymousAugust 19, 2011 at 5:38 PM

    na tanye ney . yg codes kaler biru tuh mne na carik bckground dea eak?

    ReplyDelete
  28. She's MokoAugust 22, 2011 at 4:39 PM

    Tak jadi , dea kua ayat dekat atas . mcm mne niy ?

    ReplyDelete
  29. She's MokoAugust 22, 2011 at 4:40 PM

    Tak jadi , dea kua ayat dekat atas . mcm mne niy ?

    ReplyDelete
  30. FatinikamalAugust 26, 2011 at 3:07 PM

    mcm susah jeh .tak berapa nak faham la.URL pages tu nak wat mcmne?

    ReplyDelete
  31. .. bella_taq ..September 1, 2011 at 3:06 PM

    thanx...dh jdi...huhuhu

    ReplyDelete
  32. hasznee hasanSeptember 4, 2011 at 3:13 AM

    ahaks! tQ cik dil~~ xtaw lak nma benda alah ni.. ^_^
    tQ tQ tQ~~

    ReplyDelete
  33. AnonymousSeptember 9, 2011 at 1:31 PM

    thanks cik dil..

    ReplyDelete
  34. Adilah SubkhiSeptember 17, 2011 at 8:47 AM

    kenape tak jadi ?

    ReplyDelete
  35. izzah chotOctober 1, 2011 at 2:15 PM

    kak, x menjadi pon.. :'(

    ReplyDelete
  36. AsnieOctober 12, 2011 at 9:40 AM

    erm..x jadi la..dye ada ayat kat atas blog..nape ea...sy dah lame cari tutorial nie..harap dapat membantu

    ReplyDelete
  37. c!Q kepOhOctober 24, 2011 at 6:19 PM

    tq. jD la :)

    ReplyDelete
  38. AnonymousOctober 24, 2011 at 9:24 PM

    heh~ dah jadik. Tima Kaseh byk2...

    ReplyDelete
  39. AnonymousOctober 26, 2011 at 3:58 PM

    x jadi pun..bpa kali dah cuba..hmmm..

    ReplyDelete
  40. AnonymousOctober 29, 2011 at 1:54 PM

    Thanks~

    ReplyDelete
  41. UnknownNovember 4, 2011 at 3:19 PM

    tak jadi der

    ReplyDelete
  42. .. bella_taq ..November 9, 2011 at 5:06 PM

    suke3...comel..tocei2...huhhu

    ReplyDelete
  43. tomatooNovember 12, 2011 at 3:30 PM

    da jd.. hehe.. tq awak.. tp cursor 2 prndek je.. camna nk bg panjng sket?

    ReplyDelete
  44. AnonymousNovember 14, 2011 at 2:06 AM

    da jadi . thanks cik dil :)

    ReplyDelete
  45. UnknownNovember 17, 2011 at 2:53 PM

    Ape tu backgroung scroll bar?

    ReplyDelete
  46. AsyrahNovember 18, 2011 at 2:51 AM

    hehe , tenkiu akak ! saya punya jadi jugak :D

    ReplyDelete
  47. miss eniGmaDecember 9, 2011 at 10:38 PM

    kod ]]... ni mmg ada.. dah paste dah apa yg akak sruh paste.. tapi tak dak button save la.. saya baru ja buat blog 2-3 hari lpas...

    ReplyDelete
  48. AnonymousDecember 14, 2011 at 12:34 AM

    akk .. nk tnye jwb eyh . yg dkt tips . kek tuu letak cmner .

    then lau nak buat blockquote tak jd . cne ..?? cr pktaan blockquote tade . mcm akk ad bckground pth hitam tuu cner . then akk !! haha cne buat doodle headr mata dia kelip2 hehe

    ReplyDelete
  49. nana ayrienDecember 19, 2011 at 10:52 AM

    da jadi da time kaseh :)

    ReplyDelete
  50. nana ayrienDecember 19, 2011 at 10:55 AM

    da jadi da time kaseh :)

    ReplyDelete
  51. SyasyaDestinyKyleDecember 25, 2011 at 3:55 PM

    Akak , tak jadi pon . Die ade perkataan dekat atas tuh .
    Kenape eh ?
    Dah lame nak tutorial camnyii , harap akak boleh membantu (:

    ReplyDelete
  52. alisaDecember 27, 2011 at 11:25 AM

    Tengs.. Menjadi lha..

    ReplyDelete
  53. farah amirahDecember 29, 2011 at 11:07 PM

    thanks sys :) menjd

    ReplyDelete
  54. ✿ ♥ Anies Umairah ♥ ✿January 1, 2012 at 1:50 PM

    tq kak ! ^_^ suke sngat !!

    ReplyDelete
  55. CymaaRazakkJanuary 21, 2012 at 4:06 AM

    cik dil,jadi lah ! trimas !

    ReplyDelete
  56. Haziqah LatifJanuary 21, 2012 at 5:35 PM

    x mnjd.... cmne nk bt nie????

    ReplyDelete
  57. izzati khairunnisaFebruary 28, 2012 at 10:55 AM

    Trimass :D menjadi sangat

    ReplyDelete
  58. the one that you knowApril 8, 2012 at 1:56 AM

    Assalamualaikum.thanks for this tutorial :)

    ReplyDelete
  59. yusha nawaMay 24, 2012 at 6:14 PM

    thanx . jdi da . memg ngah cri tuto niy :) .

    ReplyDelete
  60. UnknownJuly 2, 2012 at 4:41 PM

    jadi la..
    tQ yee sis~~

    ReplyDelete
  61. nabila bielaJuly 17, 2012 at 6:05 PM

    tq..jdii

    ReplyDelete
  62. HazwanieyJuly 31, 2012 at 6:57 AM

    Thanx akak.. :)

    ReplyDelete
  63. Fadzlinda Fasya Ahmad FaizulSeptember 15, 2012 at 12:50 PM

    Trima kasih kak.. akhirnya menjadi jugaa.... :)

    ReplyDelete
  64. UnknownSeptember 27, 2012 at 10:58 AM

    thanks for tips :)

    ReplyDelete
  65. AnonymousOctober 12, 2012 at 1:18 PM

    thanks sesangat tau!

    ReplyDelete
  66. Nurul Hasyimah Binti Abdul MuinOctober 30, 2012 at 1:21 PM

    serius apa yg awak tuto kebanyakkan nyer jd....
    tq so much adik dil...
    nnt ajar lg..

    ReplyDelete
  67. AnonymousNovember 4, 2012 at 11:28 AM

    thanks kak dil. dah cute blog saya! ^^

    ReplyDelete
  68. UnknownNovember 14, 2012 at 10:26 AM

    thanks dah jadi!! tapi boleh tukar warna x??

    ReplyDelete
  69. HapPy tEengErNovember 19, 2012 at 5:45 PM

    akaq xpandai :(

    ReplyDelete
  70. eina ucukkNovember 30, 2012 at 1:23 PM

    akak jadi la.... tq :D

    ReplyDelete
  71. ƒ@яⓗ@η@ кєⓨáŃn@December 4, 2012 at 10:25 PM

    thanks!!~^^ dh jadi..but mcm mana scroll bar awk ada corak ea? I'm so curious hehe..

    ReplyDelete
  72. Budax Gedikz December 18, 2012 at 4:11 PM

    TK JADI LA...:(
    CAMNE EH

    ReplyDelete
  73. UnknownDecember 24, 2012 at 9:48 AM

    X jadi...sedih...

    ReplyDelete
  74. UnknownMarch 6, 2013 at 8:48 PM

    x jadi la..cam mana nie??

    ReplyDelete
  75. UnknownMarch 7, 2013 at 10:16 PM

    asal tak leh cari ea code tu?

    ReplyDelete
  76. AnonymousMarch 13, 2013 at 3:41 PM

    kak. cmne nk buat scrollbar mcm akak pkai skang ni? hehe. kasi tips sikit boleh? :3

    ReplyDelete
  77. UnknownMarch 17, 2013 at 11:58 PM

    thanks!!~^^ dh jadi..

    ReplyDelete
  78. UnknownMarch 17, 2013 at 11:59 PM

    thank,dah jadi...

    ReplyDelete
  79. UnknownMay 6, 2013 at 5:34 PM

    x jdy pn...npe x de pn b skin tu cri x de pn mcm mna err???

    ReplyDelete
  80. UnknownAugust 25, 2013 at 11:54 AM

    kite punye tak de tempat tick pon :(

    ReplyDelete
  81. MaskedDecember 2, 2013 at 9:52 PM

    thanks!~ sy punye dah jadik!~ thanks!~ I love it!~ thanks so much!~

    ReplyDelete
  82. HannaDecember 5, 2013 at 10:56 AM

    alhamdulillah,
    jadi pon.
    saya memang sukakan warna hijau epal. scroll bar yang ada di tuto, memang cantik and comel

    ReplyDelete
  83. UnknownDecember 17, 2013 at 8:06 AM

    Alhamdulillah..... Assalamualaikum... Syika ada buat blog baru..hope korang boleh follow....syika akan sedaya upaya memeriahkan blog tuh..In Shaa Allah...klik link ni: http://nurarsyikaizam.blogspot.com/

    ReplyDelete
  84. UnknownDecember 22, 2013 at 2:10 PM

    macam mane nak tengok kode

    ReplyDelete
  85. Anasakina IsmailJanuary 4, 2014 at 1:57 AM

    kak. xpaham laa. bukak edit html pastu terus gi template naik gila buat benda nie

    ReplyDelete