9 June 2011

Tutorial : Scrollbar (Scroll tepi blog)




Assamualaikum. Cantik tak Scrollbar Kihah? Mesti gempakk kan? HAHA. Btw, kalau korang tak nampak, Mesti korang tengah guna Mozilla Firefox kan? What? Betul? SEE. Pandai tak Kihah teka. Kuangx3. Acc, Scrollbar Kihah ni, Boleh nampak jika Kita menggunakan GOOGLE CHROME. So, Mozilla Firefox kena buang dalam dustbin sekali lagi lhaa. Korang tahu tak scrollbar tu apa? 




Hihihi. Cantik tak? Mesti korang jeles kan? Alolo. Janganla. Korang pun boleh buat juga. Jom buat! Anyway, Thanks a lot to sis Nana. <3 u!

UNTUK PENGGUNA GOOGLE CHROME SHJ!

Dashbord > Design > Edit HTML.
CTRL+F cari kod ini


]]></b:skin>
Dah jumpa? Bagus. Copy kod ini, dan pastekan diatas atau sebelum kod ]]></b:skin> tadi. Paham?
::-webkit-scrollbar {
height: 12px;
width: 12px;
background #F6CEF5;
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;-moz-border-radius: 10px;
border-radius: 10px;
Tulisan yang berwarna Blue tu, Tukarkan dengan background lain kalau nak. Rujuk disini.
Warna merah tu, kalau nak gambar macam Kihah, Gantikan kod yang berwarna merah diatas dengan kod ini.
background-image:url(URL IMG);
Macam biasa, URL IMG tu, tukarkan dengan gambar yang korang nak. Cari la kat mana2 pun. Atau pun boleh cari kat sini.

Kalau nak bagi lagii gempakk, Tambah border. Letak kod ni selepas kod border-radius: 10px; diatas.
border: 1px solid #000000;
Preview dulu, kalau jadi save! Kalau tak jadi, tanya kak Nana. HAHAHA. XD! Wassalam
p/s: Comment la sikit kalau jadi/guna. Kalau tak jadi pun, Komen Whahaha.!

21 comments:

  1. penat cari tutorial yg nie . jumpe gak . tp menyedihkan lagi , tak JADI ! huaaaaaa ;'(

    ReplyDelete
  2. tengs erk :) da jdy tpy yg background colour tu asl x leh tkr wrna len erk ? lieya da tkr dgn code len daa tpy wrna dyerk still shamer la ..

    ReplyDelete
  3. hee , Alhamdulillah da jdy :)

    ReplyDelete
  4. Alhamdulillah jadi , thanks kak:)

    ReplyDelete
  5. Thnks Kihah! :D

    ReplyDelete
  6. salam...knape x menjadi ekh..?

    ReplyDelete
  7. thnx syg.....akhrnye jmpe jugak tuto ni...

    ReplyDelete
  8. Alhamdulillah, jadikkkkkkkk !

    ReplyDelete
  9. salam dik faqihah

    akak ambik ya ..dan share dlm blog ..

    ReplyDelete
  10. Salam dik! kalau untuk blogskin?

    ReplyDelete
  11. @Sakinah kalau untuk blogskin just paste atas : < / style > *tolong rapatkan semuanya*

    ReplyDelete

Your words defines you