Cara membuat animasi kursor mouse di Blog

Cara Membuat Efek Animasi Gif Pada Link Saat Di Sentuh Kursor

 

 

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

 

 

 

 

Tutorial kali ini yaitu membuat seluruh link yang ada di dalam Blog  menggunakan animasi saat link disentuh oleh kursor mouse, image yang kita gunakan bisa bermacam-macam, sahabat bisa menggantinya dengan gambar animasi berformat ( GIF ) yang anda sukai, tentunya gambar harus disesuaikan sehingga tidak mengganggu kinerja Blog, disini saya menggunakan animasi kupu-kup. Berikut cara membuatnya.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog anda.

2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget 
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template 

5. Kemudian cari kode a:hover  gunakan Ctrl+f

6. Copy kode dibawah ini dan simpan dibawah kode a:hover 

<!-- Efek - http://wizyuloverz.blogspot.com - Start --> 
color:#FF6699; background:url(http://i1123.photobucket.com/albums/l546/wizyuloverz/kupukupu.gif) ;background-repeat: repeat; text-decoration:underline; 

<!-- Efek - http://wizyuloverz.blogspot.com - End -->

7. Sahabat bisa mengganti tulisan berwarna Kuning diatas dengan URL/Alamat Link gambar yang sahabat punya
8. Apabila sudah silahkan SImpan Template/Save Template dan lihat hasilnya pada setiap link di Blog