google-site-verification: google36588831a98f52ad.html

Monday, June 3, 2013

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
Silahkan liat juga postingan artikel saya sebelumnya yang berjudul:


Langsung saja tanpa basa basi, Kali ini saya akan membuat artikel dengan judul :
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



Artikel Terkait:

2 comments: