//PurpleDreaming.
Tutorial : Scrollbar (Scroll tepi blog)
Sunday, 16 October 2011 @ 8:57 pm | 0 Comment [s]



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!

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 sy, 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!


credit : KIHAH


Older Post | Newer Post
Owner

Hello World..Thanks for willing visit my blog


Navigations

Diary AboutMe Stuffs

Shout Here


Credit Section

Template by : Farisyaa Awayy
Basecode by : AskarPink
Full Edited : Me

Best View at GOOGLE CHROME!