Pada tutorial kali ini, sebenarnya prinsip nya tidak lah penting, tetapi hasil yang di dapat dari tutorial ini, mempunyai keindahan tersendiri, yang mana ketika mouse mendekati atau menunjuk link, maka akan muncul bintang bintang pada link tersebut.
sebagai salah satu contoh bisa kalian lihat pada blog saya yang super hancur ini hehehehe,penasaran nih seperti apa sih bintang berkedip itu maka silahkan lihat tutorialnya di bawah ini.
1. Login dulu ke akun blog kalian.
2. Pilih menu Template > Edit HTML ( Centang Expand Widget Templates ).
3. Cari kode </head> kemudian copy kode di bawah dan pastkena tepat di atas kode </head>
.
<style>
a:hover { text-decoration:blink;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7x0lhXKxSkRYS4If24IJGaGob3BnKnWE9X07vtCxbElq3Ez9JlTTQ_Qz8t97VAAQNoZwielmOJnHrcsaS9OybGe8M-9pwAr-m22KsPrjM5WO-MBFolWvMc_DzqC_nFTiYbjrDUoEQe2M/s1600/hansmjlkcommunity.gif); }
</style>
a:hover { text-decoration:blink;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7x0lhXKxSkRYS4If24IJGaGob3BnKnWE9X07vtCxbElq3Ez9JlTTQ_Qz8t97VAAQNoZwielmOJnHrcsaS9OybGe8M-9pwAr-m22KsPrjM5WO-MBFolWvMc_DzqC_nFTiYbjrDUoEQe2M/s1600/hansmjlkcommunity.gif); }
</style>
4. Kemudian save dan silahkan lihat hasil kerja kalian.
Jika kalian berhasil maka akan menghasilkan percikan bintang seperti di bawah ini.
Demikian tutorial yang bisa saya berikan tentang Cara membuat Link berkedip bintang saat di tunjuk mouse di blog semoga dapat bermanpaat buat semuanya.

0 Response to "Cara membuat Link berkedip bintang saat di tunjuk mouse di blog"
Post a Comment