Kamis, 07 April 2011

Tutorlial|Cute Hover

Ada yg request(Afifah)...Apasih cute hover?Itu lho!!!Coba arahkan cursor ke arah headerku, tapi tdk usah diklik...Pasti ada benda berjatuhan!!!Itu yg namanya cute hover...Ok,,, Kita mulai tutorialnya....(Hanya berlaku untk header yg ada transparan seperti headerku, juga akan muncul di tulisan ber-link)

1.Rancangan/Design>>Edit HTML

2.Klik "expand widget template"

3.Cari kode:
a:hover
(Untk memudahkan, tekan tombol CTRL+F)

4.Ctrl+C untk copy code:
color:#FF6699; background:url(Url Gambar) ;background-repeat: repeat;
text-decoration:underline;

5.Paste code ini dibawah code:
a:hover
(kalau ada tulisan, ganti dengan codeku itu.)
-----------
Ganti tulisan warna merah dengan gambar yg kamu mau, ada yg free buat minna kok!!

http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif
http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif
http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif
http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif
http://dl4.glitter-graphics.net/pub/1175/1175324v8vs8exzv3.gif

Ok, itu image untk gambar yg berjatuhan, pakai gambar sendiri juga boleh!
Yg ambil tutorial ini comment yaa!!!
Bisa?Gampang kan?

5 komentar:

  1. Wueehh imut-imut, nyoba ahh... Uhooi...! Makacih..

    BalasHapus
  2. wah unyu-unyu cute hovernya ...makasih ya kak , gk nyangka loh bakal di post ...tapi aku masih bingung nih caranya, aku udah edit kok gk bisa-bisa, cara buat header transparan itu gimana kak ...?? maaf ya bnyak tanya ...

    BalasHapus
  3. @Niha:Maaf baru balas, tutorialnya udh aku buat^^;

    Lihat di sini:
    http://i1176.photobucket.com/albums/x324/Kawaii_Ne/tutor.jpg

    BalasHapus
  4. kalo pake template hasil download bisa gk kak..??

    BalasHapus
  5. Kak, pilihan-pilihan cute hover apa lagi...
    Trus aku pengen yang sparkling-sparkling kayak yg dipake' kakak sekarang...

    Thx
    Visit Me: http://aira-art.blogspot.com/

    BalasHapus

Comment yaa!!!