Senin, 18 Juni 2012
Tutorial ini sangat menarik sekali, pengunjung mungkin akan merasa enak ketika harus melihat post sampai ke bawah
ScreenShot (Klik untuk memperbesar)
Langsung aja nih Tutorial nya :
1. Log in di Blog
2. Klik Rancangan --> Edit HTML
3. Cari code ]]></b:skin>
- Untuk mempermudah pencarian, klik CTRL+F
- Sebelum meng-edit HTML di blog, siahkan unduh dulu template kalian agar jika ada kerusakan kalian bisa upload template kalian yang sebelum di edit
4. Masukan code ini, diatas code ]]></b:skin>
<style type='text/css'>5. Simpan dan lihat hasilnya..
::-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;min-height:28px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);border-width:1px;padding:100px 0 0}::-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:#fff;border:solid #fff;box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);border-width:0}body::-webkit-scrollbar-thumb{border-width:1px;margin:0 0 0 1px}body::-webkit-scrollbar-corner{background-color:transparant}::-webkit-selection{background:transparent;color:transparent;}::-moz-selection{background:transparent;color:transparent;}::selection{background:transparent;color:transparent;}
</style>
NB :
1. Silahkan ganti code warna yang berwarna merah untuk mengganti warna Belakang dari Scrollbar
2. Silahkan ganti code warna yang berwarna kuning untuk mengganti warna border
