Tutorial : Scroll Bar Berwarna Yang Comel

Gadis Kidal Berceloteh...

.Assalamualaikum.^^

(Jawab..Jawabb.. Tak jawab dosa..:)

Ehekk . Ngade - ngade lak Lyssa nih .

Fuhh . Setelah penat Lyssa mem-publish comment Lyssa yang ratusan semenjakk letak ENTRY INI   ..

Lyssa nak pulak teruskan dengan tutorial yang seterusnya! hehe :)

Request from Akak Sporting :) 

Dia tanya , macam mana nak buat scroll bar berwarna . Alar.. Bak kata Akak Sporting tuh , Scroll bar yang gerak-gerak tu , yang boleh alih-alih tuh.. hehe .

Kelakar pulak .. Jangan marah ye kak ! ^^ Chill~ Chill ~

Kalau korang  semua tak tahu jugak , tengok nih ..

 

Alar , yang Lyssa tunjukkan anak panah tuh lahh .

Scroll Bar Warna Pink . Comel kan ?

Kalau rajin , tolong lah Follow Blog BestFriend Lyssa everever nih :)

Cik Nynna nama nye :) Klik Pic atas untuk ke blognya ^^ 

OK ! STOoOOOPPPppP ! :)

Kembali ke tutorial ini .

Sebelum anda buat tutorial ini ..

AMARAN KERAS !

Lyssa nak peringat korang lah..

Tutorial ini , hanya berfungsi kepada pengguna Google Chrome sahaja !

Segala-gala yg lain . Mozilla ke , Internet Explorer ke , tak kan menjadi ok?

  

Ok . Mari kita mulakan =,=

1. Dashboard > Design > Edit Html > Tick Expand Widget Templates

2.Tekan Ctrl F serentak , cari kod ini :

]]></b:skin>

3. Dah jumpa ? Gud ! Copy kod ini pulak :

::-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;
} 

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

Ok , sudah kan ? Jom kita adjust pulak ikut cita rasa korang ye=,=

* Warna Biru = background scroll bar
* Warna Pink = warna scroll bar anda


5. Kepada sesiapa nak ubah warna boleh cari kod DI SINI !


6. Dah siap , Preview dulu . Then , SAVE ! Menjadi takk ? :*

Tweet