Cara Merubah Scrollbar di Blogger

Cara Merubah Scrollbar di Blogspot - Untuk mempercantik tampilan blog kamu agar terlihat lebih menarik kamu bisa mengganti Scrollbar di blogger kamu dengan cara yang akan saya jelaskan dibawah ini. caranya sangat mudah, tapi ingat sebelum kamu merubah bagian Edit HTML diblogger saya sarankan sebaiknya kamu membackup dulu template dari blog kamu, agar lebih aman bila terjadi hal yang tidak diinginkan :).

Bagaimana Cara Merubah Scrollbar di Blogspot ?

Login ke Dashboard Blogger kamu.
Buka Dashboard > Template.
Disarankan Backup Template Blogger kamu dulu sebelum di rubah. (kalau kamu rasa tidak perlu silahkan dilewati saja).
Klik dibagian "Edit HTML".
Cari kode ]]></b:skin> (Gunakan CTRL+F biar cepat).
Selanjutnya Copy & Pastekan kode dibawah ini tepat diatas kode ]]></b:skin> tadi.
/* Webkit Scrollbar - Article on Sijipix.com */
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background: #FFFFFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background: #646464;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}
::-webkit-scrollbar-thumb:hover {
background: #6E6E6E;
}
::-webkit-scrollbar-thumb:active {
background: #585858;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
Kalau sudah Save Template, dan langsung lihat hasilnya.

Tambahan :

Kalau kamu mau merubah lebarnya, kamu tinggal ganti angka dibagian 15px. dan kalau kamu mau mengganti warna scrollbar dengan yang kamu mau, kamu tinggal ganti dibagian #646464 atau dibagian setelah tanda #. Lihat contoh kode untuk warna disini

Share it Please

masjoko

Terima kasih telah datang di SijiPix, semoga artikel diatas bisa membantu anda :) dukung kami agar terus maju, dengan meng-Sharekan artikel diatas dan Follow Social Media kami.

SijiPix Alliance