Tutorial : Cara membuat link berkelip disertai dengan kerlipan bintang

Zawa Hello Ramadhan


Cara ini membolehkan link berkelip bila dihalakan cursor padanya.Disamping berkelip ia kan mengeluarkan kerlipan bintang disekeliling.Tidak menggunakan javascript,hanya gabungan css dan imej sahaja.Contohnya boleh dilihat pada blog ini.Kalau berminat hendak membuatnya,berikut adalah langkahnya:
 Klik pada Design - Edit HTML : -

Cari kod:
</head>
Dan letak kod ini diatasnya:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhki4P1KU8QS1sQAsml0YgUTRBK9O3qwdTOBcMJmojd1KG1-7EVYIEazzDl6euirWjluMZ-nR6qxIsoGGWZZYAmtwmU6hYcgPy48if5y9wkB3cgNARQveabgWBY0LlomqmNLPATnnZKJNc/s1600/blink.gif); }
</style>

atau gunakan yang dibawah ini:

bintang berkelip

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR0WbAy8UADxMxy5mMm15-rXNqjPHJwthaCYtozluhkKR8p9DwUClT1bYyKd_5wBpopufnuM7migkVeDKTk6OrTkrvTuwFk3w30D7UH0YWWA6_bAV3-ITkdvItfx95kzFZzyPs-u0PTiE/s1600/str4.gif

#sesuai hanya untuk template berwarna gelap.

Simpan template…selesai..


Zawa Hello Ramadhan

0 Celoteh Kalian:

Post a Comment

Related Posts Plugin for WordPress, Blogger...