Monday, January 16, 2017
Cara Mengganti ScroolBar Blog
Cara Mengganti ScroolBar Blog
Selamat malam sob..Tadi ada yang chat di Yahoo Mesengger saya Dan dia menanyakan
"Gan gimana sih cara ganti scroll kaya blog mu " tapi saya gak bales karena ini keistimewaan blog saya hahaha. Tapi karena saya orang yang baik hati (jiah xD) jadi saya share aja deh...
Soalnya ga baik juga kalo ilmu di pendem sendiri mending di bagi2 sesama bloger :D
Untuk Kali ini kita akan mengubah scrollbar blog dari browser Google Chrome. Untuk lebih jelas nya lihat scrollbar berwarna Hitam bercampur Hijau pada screenshot dibawah
Langsung Aja ke cara pemasangannya
- Login ke Blogger
- Klik Design > Edit HTML
- Pasang kode berikut di atas kode ]]></b:skin>
- Agar Pencarian lebih cepat tekan F3 atau CTRL + F
::-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><