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!

Comments

ct hajar said…
thanks for ur tuto.. :D
Ckin Kembaq said…
tq bangat..dah lama carik nih..hehe

Popular posts from this blog

TUTORIAL SHOUTBOX TIMBUL TEPI BLOG TANPA BERJALAN

Asalamualaikum w.b.t...saya tak tau nak explain macam mana rupa shoutbox nie..shoutbox nie macam ajax floating shoutbox jugakla tapi dia tak timbul kat tengah-tengah..tengoklah sendiri rupanya=) tekan untuk lihat dengan lebih jelas! header tu x berapa nak lawakan..hehehe.. ok!step dia senang daripada shoutbox ajax floating tu.. 1)login blog>design>page element>add gadget>HTML/javascript 2)copy kod dibawah dan pastekan di javascript <style type="text/css"> .gb_fixed{ position :fixed; top:0px; right:0px; z-index: 10; } * html .gb_fixed {position:relative;} #hidden_gb2 { display:none; border:2px solid #333333; background:#ffffff; padding:10px;   padding-top:0px; } </style> <div class="gb_fixed"> <table id="hidden_gb2" cellpadding="0" cellspacing="0"> <tr><td> <div><a href="javascript:void(0)" onclick="gb_showHideGB()">[ close ]</a></div> <div...

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...

freebies UGLY cursors

lapar macD la pulak..comot giler adik tirah makan.. nak bagi freebies la kat korang..baik hati betul...kita kenalah selalu sedekah=) hish bising betulla adik-adik saya nie..nak tulis ayat pun tak da idea.. ok tanpa buang masa lagi...mempersembahkan hasil karya saya..UGLY CURSORS, knpa ugly?? ini adalah trend sekarang..hahaha huhuhu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd097Udj-DK67qec-B7qVz2Eu26H9ixMFE7tXhMCAZH99Qq0-mL2IDpr18Re5rzPczghJhcIWK1ok2oxO2Fs0cFJ6VA00AvoSBFLLoSG6tPt8YaIkmOyxTBYYS-CddiH_YEep6SSdm6m-L/s1600/cloud+2.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBvYI38xFPaHy1z2ECBWe0k-ptDloQyWtNMBlNM5cV0nSDlhsrwSrAMQFn7vbAiWBe60ekTTrLnJvGZt4K-av9-kqI3n7laqfURFhi2SCDXXE2jGZsB4ndUgBsf4HxpTYM59eHkC14Tdk/s1600/epal.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg11uhYKTSHR7qvJtF9MWhvPV7lmL_yYbRSVBRTrRAv-mSWFbq9GbW3wDChgKN8wu1MjH0LcBK5xKsS-MFCxlKLOH_o-ys8nE7yjuQN8lzgLyDIKRmAoSLwhnDN-gqxG7IwZlbNkX10V53z/s1600/flower.png https:...