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
Belum ada tanggapan untuk "Ganti ScrollBar Blog"
Posting Komentar
> Jika Artikel ini Membantu , Silahkan tinggalkan Komentar Anda
> Jika ingin menuliskan Kode-kode blog , jangan sekali-kali menulisnya dengan lengkap , Karena kodenya tidak akan muncul.
> U Comment I Follow !!!
> (Comment Use Emoticons, Copy Paste this code example: 13 or the other to the column comments)
> "No Spam"
> Do not Forget Leave Your Comment Here ...
> I Highly Appreciate your comment. This blog has been Dofollow.
> Komentar yang masuk SPAM tidak saya hapus dan saya akan Follow (jika link ada)
Follow Blog ini jika ingin mendapatkan informasi paling update