Senin

Cara Membuat Link Berbintang-Bintang di blog

بسم الله الرحمن الرحيم

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/AVvXsEjql09n-swsx9UamQcTRnrYizI1ZMYmRAAauIjBkk89rBZvrRAjbxLd0LE3gW4iDtrMLyyUlA8g3EGzWqK1Pu32bgD-AAVV9VZrINbpKr-N7fx5fUso6UZ7Icva-RBid4bYhGETtULCQ2E/s1600/blink.gif); }
</style>

Atau gunakan yang dibawah ini:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPrWPrcmGYhAT8kKnuZj43SpKRIkrgNNHw9ymhtEmW06IVy85ZTYq81qdhkb2NP9gG00C3nZOKyPgxeRcrQVLVJyjBdxnFFpDLmwvG3e52wFDgOK3klXGn5QViDj51f0swnVXmRfQt53c/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.

Label:

2 Komentar:

Blogger Mifutaa RT mengatakan...

kok yg aku gabisa?? hmm

2:54 PM  
Blogger Unknown mengatakan...

klO perlu... tulisan yg warna merah tu , G usah di Ganti..
KLo saya makE yg nO 2... bISA (y)

9:11 AM  

Posting Komentar

^_*cHat-cHeat*_^

Berlangganan Posting Komentar [Atom]

<< Beranda