Bikin Link Hover Berpijar Di Bawahnya


Bikin Link Hover Berpijar Di Bawahnya


Kali ini saya bakal menuliskan tutorial gimana trik menciptakan link berkedip-kedip dibawahnya menggunakan CSS buka pakai JavaScript

Maksud saya link di sini yakni goresan pena yg tertanam link di dalamnya, sehingga saat corsur diarahkan ke goresan pena yg ada linknya tadi maka goresan pena tersebut bakal berpijar-pijar / berkelip-kelip dibawahnya.

Demo Link Berpijar / Berkelap-kelip yg saya maksud


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

Catatan :

Saran saya sebaiknya gunakan trik ini juga warna latar blog / Maknakel teman berwarna gelap, mirip hitam. Jika menggunakan warna jelas mirip putih kayak nya kurang bagus.

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

Selamat mencoba dan supaya bermanfaat 

Subscribe to receive free email updates:

0 Response to "Bikin Link Hover Berpijar Di Bawahnya"

Post a Comment