Selasa, 24 Juli 2012

Menambah Efek Animasi Apabila Cursor Menyentuh Link

Pagi ini saya mampir di blog temen saya cewek lah, pass di buka tadi wuiih kren blognya, ngga di sengaja waktu saya menyentuh link ternyata ada efek kupu-kupu iihh unyu unyu deh.. kren lah blognya, nah saya pnasaran gimana cara buatnya ya??, ok pnasaran saya buka tuh blog temen hehehe tau ya passwordnya jelas tau yg bikin blog tu orang saya hehehe..
saya coba ulak ulik dan ternyata ketemu juga HTML nya ternyata cukup mudah dan bisa di ganti berbagai macam animasi..
ok langsung saja ya pnasaran kan ayoo ikuti langkah2 brikut ini :

Cara Menambah Efek Animasi Apabila Cursor Menyentuh Link :
1) Sign in blogger
2) Dashboard - Design - Edit HTML  "Expand Widget Templates"
3) Cari Kode a:hover Dengan menggunakan ctrl + F supaya gampang nyarinya.


color:#FF6699; background:url(URL IMAGE)
 ;background-repeat: repeat;text-decoration:underline;

4) Kemudian copy paste kode di atas di bawah kode a:hover yang kamu cari tadi:

contoh:
a:hover
color:#FF6699; background:url(URL IMAGE)
 ;background-repeat: repeat;text-decoration:underline;


Ganti pada URL IMAGE masukkan url image yang kamu mau. kamu boleh search image animasi kamu disini .  Ataupun kamu bisa pilih dan copy url image yang disediakan di bawah:





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


5) Simpan dan selesai deh.. mudah kan..

Selamat Mencoba Yaa...

Tidak ada komentar:

twitter