photo anigifIKAN_zps025507c6.gif

Tutorial scroll bar(chrome)

Assalamualaikum...
Sroll bar ni hanya boleh nampak dengan chrome je.Contoh:

click untuk tumbesaran



Nampak cam moden kan?.Meh saya ajar.
Seperti biasa pergi Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:


a:hover {
Dah jumpa.copy code saya bagi ni dan pastekan kat ATAS code kita cari tadi:

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #C8BBBE;
}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}
Yang code merah tu boleh tukar ikut kesesuaian belog.kalau ikut code ni,kira sama lah macam saya.
Dah siap,Preview dan Save.
Done.
Ingat..scroll bar ni hanya bole nampak kalau view dengan chrome sahaja.
Selamat mencuba.
Kredit :SINI
posted by
Labels:

6 ulasan:

  1. Ninie7 September 2011 pada 1:27 PTG

    Nak tnya Cik Azzah Berlemak, mcm mana nk wat link mcm blogger slalu wat at the end of his/her entry? Contoh, mcm Azzah link tulis "Anda mugkin meminati"..pastu ada related entries. Mohon tutorial Azzah comel yekk!

    BalasPadam
  2. SoLy SoLicious7 September 2011 pada 1:59 PTG

    lol~ pakai chrome ajelah boleh nmpak eh..

    BalasPadam
  3. si cantik sally7 September 2011 pada 2:29 PTG

    hehe..da malas nak ikut tutor..syik tak jadik hehehe..rajin la awak cantikkan belog

    BalasPadam
  4. Sayidah Nafisah Ruslan7 September 2011 pada 2:35 PTG

    nnti boleh try nih :)

    BalasPadam
  5. RinsyaRyc7 September 2011 pada 2:39 PTG

    hehe.. comel ^^

    http://bulatmata.blogspot.com/
    BulatMata

    BalasPadam
  6. aLyn Lina7 September 2011 pada 2:55 PTG

    yes,da jadi..thanxs akak..:)

    BalasPadam

terimakasih sudi komen.azzah lagi berterimakasih jika tiada spam/link biru di sini..:)

Langgan: Catat Ulasan (Atom)
 
Design With Love By Nabila Medan. All Right Reserved To Me.