Cara Merubah Scrollbar Di Blog

adminPosted by Billy Sukma Dwiprasetyo dateSenin, 16 Januari 2012

Udah lama nih ngga nge-share tutorial blog, hehehehe. Post ini saya repost dari Dode di DeezClan Forum. Ok, Cekidot...
1. Buka Blogger
2. Klik lay out, terus klik edit html.
3. Cari kode ]]>, nanti akan ketemu kode ]]></b:skin>
4. Taruh script berikut di atas kode ]]></b:skin>
::-webkit-scrollbar{height:10px;overflow:visible;width:10px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 1px}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 1px;min-height:28px;padding:100px 0 0;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}
::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.5);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}
::-webkit-scrollbar-corner{background:transparent;}
body::-webkit-scrollbar{height:12px;overflow:visible;width:12px}
body::-webkit-scrollbar-track-piece{background-clip:padding-box;background-color:#f5f5f5;border:solid #fff;border-width:0 0 0 0px;box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
body::-webkit-scrollbar-thumb{border-width:1px 1px 1px 1px;margin:0 0 0 1px;}
body::-webkit-scrollbar-corner{background-color:#f5f5f5;}
5. Save
NB: Bisa diganti sesuai keinginan, dan hanya work pada Google Chrome.
Jika sobat merasa artikel Cara Merubah Scrollbar Di Blog ini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini : Source:http://shinigami-xp.blogspot.com/2012/01/cara-merubah-scrollbar-di-blog.html.Saya lebih berterimakasih lagi jika sobat mau mencantumkan link hidup seperti ini : Source: http://shinigami-xp.blogspot.com/2012/01/cara-merubah-scrollbar-di-blog.html.Mohon dimengerti agar maraknya copas tanpa link sumber mereda, terima kasih.

7 comments

632 mengatakan...

pertamax
:)

Unknown mengatakan...

sepp gan kunjungin blog saya oke!!!
http://op-oneparty.blogspot.com

TITI-SHARE~ mengatakan...

Nah ini yang gue cari :D Makasi gan :D

Jangan lupa KUNJUNGAN Baliknya dan ABSENNYA ditunggu :)
Komentar di Blog ku juga ditunggu :)
TITI-SHARE COMMENT

cardiacku mengatakan...

Terima kasih sobat telah berbagi tipsnya ini

Kangerie mengatakan...

keren nih

Share Our Knowledge mengatakan...

mantapp,, ini nih yg saya cari".. soalnya tutor yg dulu ilang. bookmark dulu ahh..

Shinigami Note mengatakan...

yah cuma di GC
tapi nice share om

ditunggu komentar baliknya om :)

Posting Komentar

Tolong Jangan Spam Atau Sara