Cara membuat link berkedip ketika kursor melintas terbaru
Buat teman-teman yang mau merubah blog lebih menarik, meriah dan enak dilihat. Teman-teman bisa merubah tampilan Link saat disentuh kursor atau cursor, mungkin tips dan trik kali ini dapat Anda gunakan dan praktekkan. Biasanya sebuah link jika disentuh cursor maka akan terlihat link tersebut diberi garis bawah / underline, pada tutorial kali ini kita akan merubahnya menjadi berkedip.
Kursor melintas
Kursur melintas adalah apabila pointer mouse diarahkan ke suatu objek di blog (bisa artikel, Link, gambar, video) atau elemen tertentu (misalnya menu), kemudian menu tersebut bisa beruba warnah, berubah berbintang, bisa juga tulisannya jadi zoom out atau artikel menjadi zoom in. Selain cara ini teman-teman juga bisa Membuat Link Berbintang-Bintang saat di sentuh kursor / cursor menyentuh link akan berkedip dengan cahaya bintang pada link tersebut.
1. Masuk ke Blogger
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode </head> di dalam template anda
6. Tambahkan script berikut ini sebelum kode tersebut
<script type="text/javascript">
function blinklink()
{
if (!document.getElementById('blink').style.color)
{
document.getElementById('blink').style.color="red";
}
if (document.getElementById('blink').style.color=="red")
{
document.getElementById('blink').style.color="yellow";
}
else
{
document.getElementById('blink').style.color="red";
}
timer=setTimeout("blinklink()",100);
}
function stoptimer()
{
clearTimeout(timer);
}
</script>
function blinklink()
{
if (!document.getElementById('blink').style.color)
{
document.getElementById('blink').style.color="red";
}
if (document.getElementById('blink').style.color=="red")
{
document.getElementById('blink').style.color="yellow";
}
else
{
document.getElementById('blink').style.color="red";
}
timer=setTimeout("blinklink()",100);
}
function stoptimer()
{
clearTimeout(timer);
}
</script>
Keterangan
7. Kode adalah menyatakan warna link tersebut dan kode adalah warna garis bawahnya
8. Silahkan anda variasikan sesuai dengan warna kesukaan anda
9. Klik Simpan Template
10. Selesai dan lihat hasilnya.
8. Silahkan anda variasikan sesuai dengan warna kesukaan anda
9. Klik Simpan Template
10. Selesai dan lihat hasilnya.
Baca Juga
Apakah Kamu Ingin Bisa Membuat Video Promosi yang Keren
Ciptakan tren terbaru video promosi dengan animasi yang unik, menarik dan menyentuh hati calon pelanggan Anda. Layanan: Video Animasi Explainer & Video Slideshow
KLIK ORDER VIA WHATSAPP NOW
LIHAT CONTOH GIF BERIKUT
 |  |  |
