Skip to main content

TUTORIAL CANTIKKAN SCROLLBAR BLOG

lama jugak tak update tuto..
tuto kali nie macam mana kita nak cantikkan scrollbar blog.scrollbar blog tu yang ada dekat sebelah kanan tu.tengok scrollbar saya cantik tak-polka dot
tuto nie hanya sesuai untuk pengguna google chrome sahaja.ok jom mula~~


1)dashboard>design>edithtml>tick expand widget
2)cari kod dibawah(tekan ctrl+f utk senang cari kod)
]]></b:skin>
3)copy kod dibawah dan pastekan sebelum yang dicari tadi tue..
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}
tambahan:
kalau nak guna gambar boleh gantikan kod background-color: #F2F5A9; dengan kod di bawah
background-image:url(URL BACKGROUND);
nak letak border pulak juz tambahkan kod di bawah selepas border-radius:10 px
border: 1px solid #000000;
bila dah puas hati boleh la save!
Labels:

Comments

ct hajar said…
thanks for ur tuto.. :D
23 September 2011 at 00:41
Ckin Kembaq said…
tq bangat..dah lama carik nih..hehe
26 December 2011 at 00:01
Post a Comment

Popular posts from this blog

freebies background part 4

assalamualaikum w.b.t.. nak bagi background dekat korang nie.. ambik lah jangan tak ambik tapi mesti mau kredit..kalo tak lawa cakap\jadi orang yg jujur/ Flower cute background https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNLEkawfQDwiUWupO4wP6ft-6tok_8uPgWQW2NaOvvQPzxA3kJR972kDhP4Hl9QRi6x7BDhOOhJL0Gi8gGP-MeaiCjAjojLKzGkJmrDJOFXgRf7fITOCMGOi4WKd_vDUxy5HH8032gDhV/s1600/polkadot-crop.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeiNPZVq1fEczqo8y6HqV_1UAuIGVNYpNrhovIML9GXyEX-fhK5VaT7Rzm7Jrl6WZJM7ll7w95WjYA8NdXjV5iUxs7wdh4197XvOhHBqHu3YFh4gQzk-7IwvwCspJm4Jf4iUM74Rv0A9D/s1600/polkadot-crop+purple.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicb9FvTFnNJKXjOqDJ8G-neMypMsN4Cotr7T1coMIZIUOie03jwtMp5k3b6M8RpU9VCHm5byrGWbm59911yZsFh5_GnNGdN0F993kcLm8rKQaBaoLorQjFhMQ3VaQPvK4hj3AgCqnSJ4T0/s1600/polkadot-crop+blue.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpiDdjq_KVHSN0AA7ZiDCT6yjCvXYWcKpIse7Vyv3NuowlhjvkRyKYvriIa4bkSPZ...
Post a Comment
read more

Autisme

Autisme tu apa?? istilah autisme berasal daripada perkataan autos  yang bererti diri sendiri   dan Isme yang bererti aliran. Ini bermakna autisme membawa maksud keadaan yang menyebabkan kanak-kanak menumpukan perhatian dalam dunianya sendiri.<sumber: ummuhaq.qulhaq pesakit autisme nampak normal je tapi bila bab menguruskan diri dan berkomukasi diaorang ada masalah sikit..contoh paling dekat adalah adik saya.Adik saya dah umur 6 tahun tapi masih lagi tak boleh bercakap..tapi walaupun tak pandai bercakap sangat pandai membuli kakaknya.. adik saya nie jenis autisme yang active,ada yang sepupu saya tu jenis yang pasive.. huh penat betul kawal dia nie boleh kurus tau sapa yang jaga dia..hehehhe.. mak saya kata kalau hntr dia nie kat babysitter confirm babysitter tu tak larat nak jaga.. hanya orang yang faham dia je yang boleh jaga dia.. kat bawah nie la anak kesayangan mak n abah.. ♥ ♥ ♥ my beloved youngest sis.. ♥ comel tak=) adik saya nie tak boleh dengar ...
Post a Comment
read more

TUTORIAL CURSORS

haloo...hari saya bagi tip nak cantikkan korang punya arrow  dengan gambar2 cute.. kalau korang nak cari kat   cursors 4 u  cantik2 tau tapi jangan pilih yang tulis animated dah la ye.saya percaya ramai dah ada cursor tapi ada sesetengah blogger nie dia tak buang label cursor tu..nmpk tak eloklah kalau cam tu.. ok!kalau dah jmpa yang berkenan silalah ikut step nie 1)design>page element>add gadget>HTML/javascript 2)copy kod cursor yang telah dipilih dan pastekan dalam HTML/javascript 3)buangkan coding berikut...contohnya: <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur231.cur), progress;}</style> <a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-transparent-pink-pointer.html" target="_blank" title="Cool Transparent Pink Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Transparent Pink Pointer" style...
1 comment
read more