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 :
- Masuk ke blog anda,
- Klik pada Rancangan pada blog anda
- Pilih Edit HTML
- Cari kod: </head> dengan menekan tombol Ctrl+F dan ketik </head> atau blog tulisan </head> lalgu tekan Ctrl+F
- 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
0 komentar
Posting Komentar