Scroll Bar Hover

 

Assalamualaikum, pagi semua

Kali ini aku ingin buat entry tentang "ScrollBar Hover". Apa sih scrollbar hover itu? Coba cek di site ini. Udah? Sentuh scrollbarnya, warnanya berubahkan? Nah itu tuh yang disebut dengan ScrollBar Hover.

Langsung aja, entry ini untuk template classic aja alias blogskin. Untuk template denim nanti menyusul.

1. Template >> Edit HTML

2. Klik F3 >> cari kode ini ::-webkit-scrollbar { hapus dulu kode scrollbar kamu sebelumnya

3. Copy kode ini,
::-webkit-scrollbar {
width: 7px;
height: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar:hover {
height:7px;
width: 10px;
background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #F781F3 ;
border: 1px
}
::-webkit-scrollbar-thumb:hover {
background: #A4A4A4 ;
border: 1px;
}
4. Paste kode tersebut di tempat kode ::-webkit-scrollbar { tadi

5. Preview. Berhasil? Save.

  • warna ini bisa diganti dengan kode warna sesuai dengan yang kamu inginkan
Older Post | Newer Post