Posted by : Arief Hilman Nugraha Monday, January 14, 2013

Sekarang saya akan mengshare Cara Membuat Efek Bintang Pada Link lanjut aja nih kali ini kita akan membuat link tersebut dengan efek bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan berikan langkahnya kepada sobat:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi
a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVGBj0d9uXzVK7Tnbgd0XxTasuaeL4P7ZC8_duDRoaTs0DqGBLHFOcU90qke52BN63qU5LzHbNL1xWM8-I66vV7p_rMTfXqwJhx25gqVMXvUA3fQWHEcLNXZZAnu0oKRcc6QPKP77HzFQ/s1600/stars.gif);}
Link akan mengeluarkan gambar seperti ini:
5. Simpan template anda lalu lihat hasilnya

NB : Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Berlangganan Lewat Email

Subscribe via Email

Translate

Lagu

- Copyright © Arief Hilman Nugraha - Robotic Notes - Disponsori Oleh Blogger - Editing by Arief Hilman Nugraha -