Selamat Datang di Blog Saya ^_^ »

Minggu, 28 Juli 2013

Efek Animasi saat Kursor Menyentuh Link

Caranya:

1) Sign in akun blogger


2) Dashboard > Design > Edit HTML > Klik kotak "Expand Widget Templates"


3) Dengan menggunakan ctrl + F (tekan bersamaan pada keyboard), cari kode


a:hover


4) Kemudian copy paste kode di bawah ini setelah kode  a:hover  yang anda cari 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;

Catatan:

pada URL IMAGE masukkan url image yang anda mau. Anda boleh search image animated di sini . Ataupun anda hanya pilih dan copy url image yang disediakan 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

5) Klik save dan lihat hasilnya.

Selamat mencoba ^_^

0 komentar:

Related Posts Plugin for WordPress, Blogger...