Novita Lesyani☂: Cara Menambahkan Efek Animated Image Saat Cursor Menyentuh Link
     

Cara Menambahkan Efek Animated Image Saat Cursor Menyentuh Link

Apa kabar teman2 sesama blogger? Semoga baik yah:) hhi. Kali ini aku mau share tutorial cara nambahin animated image saat cursor menyentuh link. Kalian tau maksudnya? Di blogku, kalo kalian taruh cursor di link pasti ada kupu-kupu kan disekitar link itu? Nah, itu dia;3 Tapi, aku ngesharenya macem2 loh. Ok, let's check!

1. Sign in akun blog.
2. (Pada Dashboard) Pilih Design/Template => Edit html.
3. Cari kode a:hover atau bisa tekan ctrl+f untuk cari cepat.
4. Kemudian, paste kode ini di bawah a:hover tadi.
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;
contoh:
a:hover
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline; 
5. Lalu, kalian ganti tulisan 'URL IMAGE' itu dengan salah satu link di bawah ini.

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif


http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif


http://dl4.glitter-graphics.net/pub/1102/1102514nugaxacg8m.gif


http://dl9.glitter-graphics.net/pub/690/690739pesbqr6dqw.gif


http://dl2.glitter-graphics.net/pub/1455/1455682apvfgvhztr.gif




http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

Kalo kalian mau copas tutorial ini, sertakan 'Credit by: http://novitalesyani28.blogspot.com/ ya:) Hargai yang nyarinya:) Tq
 


6 komentar:

  1. Izin copy min, aku dh nyerta'in credit by novitalesyani28.blogspot.com kok...
    Tpi msih ad sedikit perubahan, tulisannya ada yg q edit,min...
    Makasih,ya???

    BalasHapus
  2. oke :) yg penting ada creditnya yaaa :)
    blog kamu apasih? kamu yang pernah request header bukan?
    oke sama2:)

    BalasHapus

Still Confused? NoProb! Ask me here^^