Sunday 18 November 2012

Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang

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>
Tekan Ctrl + F Salin Kod </head> dan paste kan untuk memudahkan anda

Dan letak kod ini diatasnya :

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWrfAPpYtQEJgLyEcn5R654R1-2S3HzVSi2lO9HAwxmvDPMJC0umMx6l41PArAkHcgecntruE7xqHGz6IgGMQGlhcxUsLw_OPyhm0JAcHC39eKZvrL9wybhyphenhyphenkk-5A2yu5lAKWNmX_gt9M/s1600/blink.gif); }
</style>

Atau gunakan yang dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRQAMHdn6FUV-HySX-D-0e8gXdCl56T29-zI0bsHgtTt1bO12XuOpKsC0KV2LD7fmUjG6tw1NQn0uYdHp7J3gfP7h5FgqiPbb0A31TEBQ_X5PuhRKk4GftKQdfscPma3w4Ev6UhEpuAU/s1600/str4.gif  ( Cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas )
# sesuai hanya untuk template berwarna gelap.
Hasil nya akan jadi seperti ini 

Simpan template…selesai..

Selamat Mencuba Ikhlas Dari 




No comments:

Post a Comment