Author
Hi I'm a sixteen years old girl from Indonesia. Stalk me here.
Tutorials
All the list of tutorials, please click here. Thank you.
Credit
Tempelate by yours trully. Do not open my page source. I will respect you if you're respect me.

Customize Scrollbar // Tuesday, November 8, 2011

Hai haii hari ini Lettha mau bikin tutorial cara mengganti scrollbar. Kemarin Lettha buka Fanspage facebook Lettha ada 2 orang yang tanya. Nih:



Hehehe, maaf yah aku printscreen. Buat bukti soalnya xD



Lihat kan scrollbarnya Lettha?? tu beda kan?? warnanya pink. Kebanyakan tampilan scrollbar kan kayak gini:





Tapi punya Lettha kayak gini: (cuma bisa dilihat bagi pengguna Google Chrome)



Attention !!!

Tutorial ini CUMA BUAT PENGGUNA GOOGLE CHROME (Just for Google Chrome users)



so, kalau diliat dari Firefox atau opera, scrollbarnya tetep biasa aja.



Gini cara bikinnya:



Dashboard >>Design >>Edit HTML


Ctrl+F cari kode ini:







]]></b:skin>


Pastekan kode ini sebelum kode ]]></b:skin> :



::-webkit-scrollbar {

height:12px;

width: 12px;

background: #000000;

}
::-webkit-scrollbar-thumb {

background-color: #FFFFFF;

-moz-border-radius: 5px;

border-radius: 5px;

}
Mari Belajar!!!

yang kode Biru itu background scrollnya.

yang merah itu warna scrollnya. Kalau scrollnya mau diganti pake gambar, gantikan kode Merah dengan kode ini:



background-image:url(URL BACKGROUND)


dah yang tebal tu gantikan pakai URL gambar kamu.

Preview dulu, kalau sudah menjadi, click Save Tempelate.



Weyy banyak kalii ya yang nge CAP Lettha sebagai copycat, jujur ini Lettha dapet tutorial dari SINI lalu Lettha ubah suaikan sendiri ! Karena Lettha liat tutorial itu nggak bisa dipake buat blog.



So, tolong kalau mau tulis tutorial ini di blog kamu, beri 2 label credit !

Credit to: Tumblr and Modified by Letthalicious.



Lettha rasa itu dah cukup.

Tolong minta 1 komen...k~bay