Tutorial 115 : Mencantikkan Scroll Bar Blog.

Assalamualaikum, alhamdulilah dah sembuh dari demam. Moga sembuh sepenuhnya. Misi hari ini nak buat cake! yeaahaaa..So lepas subuh malas nak tidur..hahaha sebab semalam lepas telan panadol. Terus pengsan tak sedar diri muahaha..

Kerana subuh ni ada mood nak tulis tutorial. So tulislah untuk korang. Ngah freekan..

Nak ajarkan korang untuk cantikkan scroll bar blog korang yang nampak biasa-biasa je tu.
Macam blog aku ni :

Tapi tutorial ini hanya sesuai dengan penggunaan GOOGLE CROME sahaja, kalau guna Mozilla korang takkan nampak effectnya. So kalau nak lihat hasilnya. Sila download dan install GOOGLE CROME anda.

1. Sign in Blogspot > Design > Edit Html

2. Cari code di bawah , Ctrl F dan paste dalam kotak find..enter!

]]></b:skin>

3. Copy code di bawah dan paste sebelum/di atas code yang dicari tadi.

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FF1493;
}
::-webkit-scrollbar-thumb {
background-color: #BA55D3;
-moz-border-radius: 10px;
border-radius: 10px;
}

4. Sekarang korang boleh tukar :
Warna background scroll bar : #FF1493 
Warna scroll bar : #BA55D3
More colour? Click here


5. Preview, kalau dah puas hati dan menjadi silalah tekan SAVE!


P/s : KOmen-komenlah yer lepas mencuba!