Kamis, 23 Agustus 2012

Cara Membuat Efek Bintang Pada Link

Cara  membuat link berkedip seperti ada bintang-nya bila cursor diarahkan    ke  link yang ada di blog anda. Disamping berkedip juga bisa mengeluarkan efect bintang disekeliling Link. Trik tidak menggunakan javascript sama sekali, hanya gabungan antara css dan gambar saja. Saya tidak memakai tambahan seperti ini karen saya males ngeliatnya, bagi anda yang mau langsung aja :


  1. Masuk ke blog anda,
  2. Klik pada Rancangan pada blog anda
  3. Pilih Edit HTML
  4. Cari kod: </head> dengan menekan tombol Ctrl+F dan ketik </head> atau blog tulisan </head> lalgu tekan Ctrl+F
  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/AVvXsEgrz4ry6oUMIzGVjMJZ9mhpFmCabu96G987_GmeccwyPgEujZHT0i05Xlmd2qDL3tsnyDuMCteHluPMeS0J16H9IuFFUtBTmQNNjBFIuACph_oBxECPCLM1OHjOlhAqDY5NcKEsvdj12s8/s1600/blink.gif); }
</style>

Atau gunakan yang dibawah ini:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4kqZ-RqCPN1Gh-SMMx4NALtRYnpXJSeAe3DdPvjQaSUuBEJCpC0iOaAqBMwHzMqOlLGGN5_JBz3j16eX0g-LRXM-H3cXA3kRgsyFzH12A-APg5PmW4cgaMLVN31J8Hv3EWRs7mwGdxk/s1600/str4.gif); }
</style>

Penjelasan:
Tulisan yang sudah saya tandai dengan warna Merah adalah link untuk gambar yang berkedip2nya. Anda bisa menggantinya sesuka anda, bisa dicari di  Mbah  google

Setelah meletakan script di atas kemudian,
Simpan template.

Selesai.. Semoga Bermanfaat .

Captain-Kid

Artikel Terkait

0 komentar

Posting Komentar

Cancel Reply