Salam sejahtera wahai blogger, mungkin anda mahu website anda nampak lebih lawa dengan menukar warna scroll bar kan ? Jadi pada kali ini admin akan share cara untuk mengubah color scroll bar supaya nampak lebih lawa dan menarik minat pelawat yang datang ke website anda. Kita akan menggunakan css3 untuk mengedit warna tersebut. Dan css3 tersebut anda perlu dimasukkan ke dalam html blog anda.

Masukkan code :

1. Pergi ke tab theme

2. Klik pada “Edit Html”


3. Cari code di bawah dengan menekan CTRL + F

 


]]></b:skin>

 

4. Selepas itu masukkan code ini di atas ]]></b:skin>


/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 11px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: #FF3D00;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #c4370a;
}

 

Contoh :

Terima kasih, semoga bermanfaat untuk anda semua, jangan lupa tinggalkan komen ye jika terdapat cadangan atau persoalan.

Info : Mungkin trick ini tidak akan berhasil apabila menggunakan firefox mozilla.

LEAVE A REPLY

Please enter your comment!
Please enter your name here