Efek Animated Image Apabila Cursor Menyentuh Link

04/02/16

Caranya:

1) Sign in akun blogger

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

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

a:hover

4) Kemudian copy paste kode di bawah selepas kod  a:hover  yang kamu 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;

Note:
pada URL IMAGE masukkan url image yang kamu mau. kamu boleh search image animated yang lainnya di sini . Cara dapatkan url image di Glitter Graphic juga, refer di sini . Ataupun kamu 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) Klik preview, jika tak ada error, klik save dan lihat hasilnya.



credit: Jombinabelog

Label: Tutobies

Posting Komentar