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
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
Sumber : http://wizyuloverz.blogspot.com
Artikel Terkait
[archives limit=10]
Tidak ada komentar:
Posting Komentar