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:
- Login ke dashboard blogger
- Klik menu Rancangan / Design
- Klik lagi menu Edit HTML
Jika sudah menemukan kode seperti itu, silakan tambahkan sedikit kode berikut sebelum kode }a:hover{
color:......;
text-decoration:.....;
}
Sehingga jadi seperti ini:cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
Silakan simpan perubahan dan cek blog teman apakah linknya sudah berpijar.a:hover{
color:......;
text-decoration:.....;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
}
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
No comments:
Write comments