Hayat SINGGAHSANA Beta..

Daisypath - Personal pictureDaisypath Anniversary tickers

Thursday, March 22, 2012

Cara buat kerlipan bintang bercahaya

   
Ramai yang bertanya cara nak buat bintang berkelip2 ni. sebab aku seorang yang tak kedekut.
 so aku teringin nak berkongsi dengan semua. . 
sharing is caring kan.  ? :)

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:

1. Klik pada Design
2. Edit HTML
3. Cari kod:
</head>
4. Dan letak kod ini diatasnya:
<style>
a:hover { text-decoration:blink; background:url(http://4.bp.blogspot.com/_yqzcBmyK-mo/TQoQiCZ0nuI/AAAAAAAABLU/d_28pRsm7XM/s1600/blink.gif); }
</style>

atau gunakan yang dibawah ini:

bintang berkelip

http://4.bp.blogspot.com/-A7M9Y087VyU/TOEGx2SguCI/AAAAAAAABGw/gTzKReIhj_0/s1600/str4.gif
cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas
#sesuai hanya untuk template berwarna gelap.

Simpan template. .selesai. .tutorial ni aku ambil kat sini. . kalau tak faham, boleh tanya ea.





2 luahan hati..:

Related Posts Plugin for WordPress, Blogger...