Friday, 23 February 2018

Scrol Bar Menawan

Assalamulaikum dan hi!

Amira Najihah here. Sudah lama aku tak update blog. Kali ini kita melepaskan gian tulis blog. Kali ini tutorial cara buat scrol bar yang menawan. Bagi yang tak tahu apa itu scrol bar meh i tunjukkan haha.

Hasil carian imej untuk scrol bar


Jom kita buat

1. Sign in cam biasa
2.  Dashboard > Design > Edit Html > Tick Expand Widget Templates
3. Tekan Ctrl F serentak , cari kod ini :




4. Then copy kod ni


]]></b:skin>


::-webkit-scrollbar {

height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;


5. Paste kan kod itu DI ATAS kod ]]></b:skin>

Petunjuk3

warna ungu         = background scroll bar
 = warna scroll bar anda

HASILNYA



SELAMAT MENcUBA!