multi info, hiburan, pengetahuan, dan aneka informasi

Cara Merubah Scrollbar Di Blog


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.

No comments:

Related Posts Plugin for WordPress, Blogger...

Blog Archive