Breaking

Minggu, Juni 24, 2012

Cara Membuat Link Berkedip2 Penuh Bintang


Cara ini membuat link berkelip seperti ada bintangnya bila diarahkan cursor pada link yang ada di blog kamu. Disamping berkelip juga bisa mengeluarkan kerlipan bintang disekeliling. Tidak menggunakan javascript sama sekali, hanya gabungan antara css dan gambar saja. Contohnya ilihat pada blog ini. Kalau berminat ingin seperti ini blog saya, ikuti langkahnya:


  1. Masuk ke blog kamu,
  2. Klik pada Rancangan pada blog kamu
  3. Pilih Edit HTML
  4. Cari kod: </head> dengan menekan tombol Ctrl+F dan ketik </head>
  5. Dan letak kode di bawah ini diatas kode </head>:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkPk4DVf9-t1hxEcCgu_bTKf4JwxVl6x80A-dFU1M7lwkKkbm-sJFO4rotX5pP_20sBUIuPTwMay-AgUbTjhG6Y1LUTo_9nciubRLCihXvYmPcifJsRv-JbKW1P3n_mYZJ9Slvs7HTeM/s1600/blink.gif); }
</style>

Atau gunakan yang dibawah ini:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfbejenKKri_xwDZuaWltfbFCXrgN-ZCEBakbMH-XhsUxH-WXR_gY98CYjXznWrrP-XrtZwmt23T_rlMEQdu4M9wgrele5AMCusFUD2y70rsepxB99xiQ_o51o2J983Lw23CipCabVCc/s1600/str4.gif); }
</style>

Penjelasan:
Tulisan yang sudah saya tandai dengan warna Merah adalah link untuk gambar yang berkedip2nya.

Setelah meletakan script di atas kemudian,
Simpan template.