Memasang ScrollBar CSS Stylish Blogger

Mendekorasi merupakan komponen utama untuk menarik pengunjung Blog. Anda pun bisa menghias Blog Anda dengan berbagai tampilan yang berada di menu, header, sidebar, footer bahkan scrollbar. Banyak Blogger yang menghias Blognya dengan cantik dan indah. Oleh karena itu, saya akan membawakan sebuah tutorial untuk mempercantik Scrollbar di Blog Anda. Anda bisa melihat langsung demo ini dan lihat ScrollBar Blog saya.

Memasang ScrollBar di Blog

1. Login Blogger.
2. Pilih Template, Edit HTML.
3. Tekan Ctrl+F (untuk mempermudah proses pencarian) dan cari code berikut ]]></b:skin>.
4. Copy code berikut dan letakkan di atas ]]></b:skin>.

/* Scroll Bar Starts */
::-webkit-scrollbar
{
background:#fff;
width:8px;
}
::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #000000 10%, #000000 51%);
}
::-webkit-scrollbar-track {
}
/* Scroll Bar Ends */ 

 Keterangan:

• 000000, fff ganti dengan warna yang diinginkan.

Efek ini hanya berfungsi pada browser yang berbasis WebKit seperti Google Chrome.

5. Save Template.

Share This :