Bikin Link Hover Berpijar Di Bawahnya

Kali ini saya akan menuliskan tutorial bagaimana cara membuat link berkedip-kedip dibawahnya menggunakan CSS buka pakai JavaScript

Maksud saya link di sini adalah tulisan yang tertanam link di dalamnya, sehingga ketika corsur diarahkan ke tulisan yang ada linknya tadi maka tulisan tersebut akan berpijar-pijar / berkelip-kelip dibawahnya.

Demo Link Berpijar / Berkelap-kelip yang saya maksud


Ok Ga Perlu Panjang Lebar ....
Bikin Link Hover Berpijar Berkelip-kelip Di Bawahnya
Langkah-langkah yang harus di lakukan:
  1. Login ke dashboard blogger
  2. Klik menu Rancangan / Design
  3. Klik lagi menu Edit HTML
Jika sudah berda di Rancangan => Edit HTML silakan cari kode yang mirip seperti ini:
a:hover{
color:......;
text-decoration:.....;
}
Jika sudah menemukan kode seperti itu, silakan tambahkan sedikit kode berikut sebelum kode }
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRCzaPsulz9YJQaHyoOtvf0eH5NP-Hk2RwpQYTKfA8C0ixpbqbU8BUkIsstpqc0EJSF9SruUSDNzQvuDKo4lKCwtY013obL6HXhcbnt1e8HBkWGk2tT2uWFBqcOaep78m63oeWMH2oVZw/s1600/linkwarnawarni.jpg);
Sehingga jadi seperti ini:
a:hover{
color:......;
text-decoration:.....;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRCzaPsulz9YJQaHyoOtvf0eH5NP-Hk2RwpQYTKfA8C0ixpbqbU8BUkIsstpqc0EJSF9SruUSDNzQvuDKo4lKCwtY013obL6HXhcbnt1e8HBkWGk2tT2uWFBqcOaep78m63oeWMH2oVZw/s1600/linkwarnawarni.jpg);
}
Silakan simpan perubahan dan cek blog teman apakah linknya sudah berpijar.

Catatan :

Saran saya sebaiknya gunakan cara ini juga warna latar blog / artikel teman berwarna gelap, seperti hitam. Jika menggunakan warna terang seperti putih kayak nya kurang bagus.

Selesai Tutorial Cara Membuat Link Hover Berkedip Warna Warni / berpijar-pijar.

Selamat mencoba dan semoga bermanfaat

4 comments:

  1. Ijin nyobain gan, biar blogku makin seru.

    ReplyDelete
  2. terima kasih atas informasinya yang sangat bermanfaat dan bermutu sekali, salam kenal, and visit me back

    ReplyDelete
  3. Tanks bos atas trik dan informasinya....

    ReplyDelete