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

23 September 2011 at 00:41

Ckin Kembaq said…

tq bangat..dah lama carik nih..hehe

26 December 2011 at 00:01

CIK Eeqa's :) said…

thanks :)

7 March 2012 at 02:55

freebies header part2

asyik bagi orang freebies header cantik2 tapi header sendiri tak cantik..saya tau la kenapa setiap kali buat header untuk diri saya tak cantik..T_T...ok la malas nak cakap banyak,saya kasi korang.. pastikan kredit saya ye..kalau tak mau kredit siap!hahaha cara nak ambik: -klik gambar -klik right klik dan save image as *maaf tak berapa nak cantik =)

tutorial scrollbox background

aloha..hari ini saya rasa boring siot tak tau nak buat apa,so nak buat tutorial la.. scrollbox boleh digunakan dimana-mana saja contoh sidebar ke,entri ke dan etc hai..nama saya nurul husna bt mohd yunus..i love b2st and mblaq..muahhhh..dah singgah blog nie jangan lupa nak follow yaww =P 1)copy kod di bawah dan paste di sidebar or your entry <center><textarea onclick="this.focus();this.select()" style="background: url(' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfznhlWopAUr_aoQFaA9X0x6f09OHoAPBD2Z0IUgFaZwGrD8v6xzFENNZ9okNx3nfNVw1ldv6MIfVPQNwLQ400PUMaFLgyQuemmPjd9oAoWw50XDPaDwLZfLubxZlyKUCVe0wU9dj_exq/s1600/pinksoftvintage.png '); height: 100 px; overflow: scroll; width: 200 px;"> ayat kamo/kod widget </textarea></center><center style="text-align: justify;"> </center> nota kaki *warna merah tu boleh gantikan dengan url background sendiri *warna hijau tu untuk nak besarkan sikit scrollbox

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

InfoNice

Search This Blog