Agar blog semakin keren kita dapat membuat effect bintang berkedip ketika kursor ditujukan ke link.
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/AVvXsEgwFFioTpvR5KBXeLEv22ZwajN4_ZgZSX9pg2QIqJVG1neEaZYlv6QAquuY2-n0CjSZsBfv6HvzPFJccWSEeGi5kofRRLP9PHl7qwenPeu9tlMwWtomRztZC_tPYy6Cj5owa7EfYyvC7ZQ/s1600/blink.gif); }
</style>
Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdXrKGrFQkv_xp7vJnwL1ygDQwSpO6ZtjRg23oIealgeXQu5DbPRAtEacCFSG0wXQ5K85qKcZiRQb7ZtR5D4-RBva7A0yStGS90uHPaE8bK4PSzx5hIOneNCVK_GEXYgxlGp5RSvIWvY/s1600/str4.gif
Selamat mencoba...
Sumber : Go Belajar Mandiri Blog
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/AVvXsEgwFFioTpvR5KBXeLEv22ZwajN4_ZgZSX9pg2QIqJVG1neEaZYlv6QAquuY2-n0CjSZsBfv6HvzPFJccWSEeGi5kofRRLP9PHl7qwenPeu9tlMwWtomRztZC_tPYy6Cj5owa7EfYyvC7ZQ/s1600/blink.gif); }
</style>
Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdXrKGrFQkv_xp7vJnwL1ygDQwSpO6ZtjRg23oIealgeXQu5DbPRAtEacCFSG0wXQ5K85qKcZiRQb7ZtR5D4-RBva7A0yStGS90uHPaE8bK4PSzx5hIOneNCVK_GEXYgxlGp5RSvIWvY/s1600/str4.gif
Kemudian SAVE.... dan lihatlah hasilnya.
Selamat mencoba...
Sumber : Go Belajar Mandiri Blog
0 komentar:
Posting Komentar