Wednesday, 8 August 2012

Cara Membuat Efek Animasi Gif Pada Link Saat Di Sentuh Kursor


Kali ini saya akan membuat artikel mengenai Cara Membuat Efek Animasi Gif Pada Link Saat Di Sentuh Kursor


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

No comments:

Post a comment

Silahkan Komen Rider,