Change your Scroll bar color and size

Views

Don't know what is scroll bar ? Let the picture explain it .
So today I'm going to teach you guys how to change your scroll bar in your blog. So let start it straight to the point :face15:

1step . Dashboard - Design - Edit HTML - Tick Expand Widget Template search for this code.
a:hover {


Got it :s:
2step . Paste code below on top a:hover {
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #C8BBBE;
}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}

The code that I bold it in red color you can change it .
Okay done , It so easy fast and didn't waste your time. Enjoy and give me a comment or like :face54:

19 comments:

Fatin Ayu said... [Reply to Comment]

Hye Cyhnthia (!)
tak menjadi lah .
kenapa ek ?

Shin 欣倪♥ said... [Reply to Comment]

@Fatin Ayu Why tak menjadi ? If nak tengok hasilnya kebnyak for google chome user saja. If firefox user tak bleh tengok hasilnya :)

bbBunny93 said... [Reply to Comment]

hey, denim template memg xjumpe la
yang code nii ~ a:hover {

Fatin Ayu said... [Reply to Comment]

@Shin , Tapi I memang guna google chrome . Btw kena tukar bentuk scorll tu dulu ke ?

Shin 欣倪♥ said... [Reply to Comment]

@Fatin AyuThen u kena save dulu baru dia mjadi kot , tak perlu pun u just kena tukar color scroll to saja .

Shin 欣倪♥ said... [Reply to Comment]

@bbBunny93Okay then , Jap I buat tutorial for denim template

Qiey evans said... [Reply to Comment]

kenapa tak jadi ehh ? i guna google chrome jugak . dah save tapi tak boleh jugakk :\

CynthiaShin 欣倪♥ said... [Reply to Comment]

@Qiey evansu guna layout apa ?

Gemishu said... [Reply to Comment]

thx for your tutorial Cynthia ^^
btw..code 2 kne paste kt ast hover la..bkn bwh.. ^^

CynthiaShin 欣倪♥ said... [Reply to Comment]

@GemishuBut I paste atas okay saja ? Aww maybe templates tak same :)

nur shafika senin said... [Reply to Comment]

Ohh hello :) Kenapa i buat tuto ni tak menjadi langsung :( Help me please!

CynthiaShin 欣倪♥ said... [Reply to Comment]

@nur shafika seninWhy pula tak menjadi ? Try paste code to kat bawah tengok :)

Amiera Ellysha said... [Reply to Comment]

Tiada apa apa perubahan pun .

CynthiaShin 欣倪♥ said... [Reply to Comment]

@Amiera EllyshaYou guna template apa ? And website apa ?

CynthiaShin 欣倪♥ said... [Reply to Comment]

@Amiera EllyshaYou guna template apa ? And website apa ?

Beginning The Story said... [Reply to Comment]

Menjadi lah . Arigato^^

CynthiaShin 欣倪♥ said... [Reply to Comment]

@Beginning The StoryBgus lah if menjadi :)

dAx x shumEll (@^_^@) said... [Reply to Comment]

i use its :) thanks

CynthiaShin 欣倪♥ said... [Reply to Comment]

@dAx x shumEll (@^_^@)You're welcome :)