Tutorial : Cara Nak Buat Scroll Box Blog Berwarna

Hye2! Kali ini Syaza nak ajar korang cara nak buat SCROLL BOX berwarna untuk blog korang supaya cantik.

Ala, Scroll Box macam kat bawah ni.. hehe..

Sekarang ni korang ikut je step kat bawah ni, ok? Jom...

1. Mula2, korang pergi Dashboard > Design > Template > Edit HTML > Edit Template

2. Then korang tekan Ctrl + F. Then, korang cari code  ]]></b:skin> . Tekan ENTER. Dia akan keluar highlight kuning macam kat bawah ni.

4. Then, korang copy code kat bawah ni...

::-webkit-scrollbar {

height:12px;

width: 12px;

background: #CODE WARNA UNTUK BACKGROUND SCROLLBAR KORANG;

}

::-webkit-scrollbar-thumb {

background-color: #CODE WARNA UNTUK SCROLLBAR KORANG;

-moz-border-radius: 10px;

border-radius: 10px;

}

Untuk CODE WARNA korang boleh rujuk dekat SINI

5. Bila dah copy, paste kan ATAS code  ]]></b:skin>. Cuba tengok contoh gambar dibawah...

6. Pastu korang PREVIEW TEMPLATE nak tengok samada menjadi ke tak. 

7. Kalau menjadi, tekan lah SAVE TEMPLATE. Dah siap!

Senang je kan? Kalau dah, bagi ler tahu Syaza. hehe..