Cara Tukar Scroll Bar Blog Dengan Kod CSS

Assalamualaikum semua. Sihat tak? Aku masih sihat disini dan masih mampu untuk menulis di pondok usang aku nie. Hehe.

Oraite! Sekarang nie, aku nak ajar korang macam mana nak tukar scroll bar dekat blog nie. Cer tengok contoh scrollbar kat blog aku nie.

[+] Klik untuk dapatkan tampilan yang lebih jelas

Okay, nampak kan? So, jom kita mulakan!

1. Login ke akaun blogger korang!

2. Masuk ke Template -> Edit HTML -> Proceed..

3. Expand Template Widget terlebih dahulu.

4. Cari kod ]]></b:skin> [ Tekan CTRL + F ]

5. Lepas tuh, salin kod kat bawah nie:

::-webkit-scrollbar {
height:15px;
width: 15px;
background: #ccc;

} ::-webkit-scrollbar-thumb {
background-color: #36c;
-moz-border-radius: 12px;
border-radius: 12px;
}

Tampal kod yang korang copy tadi tuh dekat atas kod ]]></b:skin> tuh. Sebelum korang nak Save Template, korang Preview terlebih dahulu pulak ya. Kalau menjadi, baru Save Template okay.

Memang mudah kan nak buat tutorial nie? Harap korang dapat buat tutorial nie dengan baik dan SUCCESS! Sekian sahajalah tutorial dari aku, assalamualaikum.... ^_^