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 {Mari Belajar!!!
background-color: #FFFFFF;
-moz-border-radius: 5px;
border-radius: 5px;
}
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