Cara membuat bintang berkedip ketika kursor mendekati Link

Kali ini saya coba sampaikan Tips and Trik Blog, bagaimana cara membuat effect bintang berkedip ketika kursor ditujukan ke link. Biar kelihatan makin keren dong...!!
Berikut adalah langkah-langkahnya :
1. Seperti biasa kita login dulu di blogger.
2. Klik tata letak / rancangan.
3. Edit HTML.. cari kode </head>
4. Letakkan kode di bawah ini tepat diatas kode tadi
Untuk yang bintangnya warna putih :
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZnIvobDYbQH10FjM0zPfL0DI_2CzcA3wq6xc1JuqyE5d5VuR189b0odLWxIu2kKgGo-i8chP3YVVVRgeCZ8uSwUKon-PfkPjkjFa1U7a3oaQaxc4TRxypIRL6owyh9nD43w_YnDRnKeQ/s1600/blink.gif); }
</style>


Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjApF8XYkLCvuZckrZ57i1brGAsLxfH3GcKSfgYwUpP4OaKQ82k2vtz6fARoQ0TO1Lun8JPCGuaPb9whAONja4-G9za914g6mEeMxDJhMOgCZ9UQGBxfRvD3QSSq3ZJvxUrhYQ6vRhu1ew/s1600/str4.gif



Kemudian SAVE.... dan lihatlah hasilnya.


SEMOGA BERMANFAAT

Tidak ada komentar:

Posting Komentar

Global Var

Cari Blog Ini