Untuk Kali ini kita akan mengubah scrollbar blog dari browser Google Chrome. Untuk lebih jelas nya lihat scrollbar berwarna Hitam bercampur kuning pada screenshot dibawah
Langsung Aja ke cara pemasangannya
- Login ke Blogger
- Klik Design > Edit HTML
- Pasang kode berikut di atas kode ]]></b:skin>
::-webkit-scrollbar {
height:8px;
width:8px;
background:#202020;
border-radius:3px;
}
::-webkit-scrollbar-thumb {
background-color:black;
-moz-border-radius:8px;
border-radius:2px;
border:2px #80FF00 solid;
}
- Klik 'Save Template'
- Terakhir kasih komentar pada postingan ini jika berhasil dan kalau berkenan tukeran link yakk ! :D
- Tulisan yang berwarna merah untuk mengganti ukuran Scroolbar
- dan yang berwarna kuning untuk merubah warna scrollbar
Tambahan
dalam beberapa template penempatan css scrollbar ini tidak berjalan dengan baik jika diletakan diatas kode ]]></b:skin> untuk mengatasi hal itu kode css scrollbar bisa diletakan dibawah kode <b:skin><





aaaa
0 komentar:
Posting Komentar