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/AVvXsEi3XYGSVrZEkT96Fc3zgki9mPB_lFhn4gXPAedoK4027BloeuRhttK6H866wVc8K3pfNyfWoy8WK0RdBd4zliNecv80ccQ6Yy13-TWu60T2qpY5E1vPK4BFO0yKZJN51UWLYxon3MrvbHU/s1600/blink.gif); }
</style>
Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVPuYZTYps-9wKlAWW6_7Ej0O4gKoumrpELHfkJiLHlJ9PEcYao0aaLL5yypX4AzMOqPBRrf5a-ldLK68IZorszUvRO2m5wRXoVcD1zTYUNUcXIVw0oMyePOOGm_xvtOIrNFT2IsfjPI/s1600/str4.gif
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/AVvXsEi3XYGSVrZEkT96Fc3zgki9mPB_lFhn4gXPAedoK4027BloeuRhttK6H866wVc8K3pfNyfWoy8WK0RdBd4zliNecv80ccQ6Yy13-TWu60T2qpY5E1vPK4BFO0yKZJN51UWLYxon3MrvbHU/s1600/blink.gif); }
</style>
Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVPuYZTYps-9wKlAWW6_7Ej0O4gKoumrpELHfkJiLHlJ9PEcYao0aaLL5yypX4AzMOqPBRrf5a-ldLK68IZorszUvRO2m5wRXoVcD1zTYUNUcXIVw0oMyePOOGm_xvtOIrNFT2IsfjPI/s1600/str4.gif
0 komentar:
Posting Komentar