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 blogini.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/AVvXsEhaYxSNWd02IQo-rVKgMGenBWiQ06-JcYHJzSYdRbTib8qwQTsY-5HvCfHl5WIaHDYd1T0cvJ-xDZ2fcmaljQSGO1Hzhj4r2jBa6EpBzn2Qdbt-6lnK8C63ruO5qJkkh82hOa11GYRH5cM/s1600/blink.gif); }
</style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYxSNWd02IQo-rVKgMGenBWiQ06-JcYHJzSYdRbTib8qwQTsY-5HvCfHl5WIaHDYd1T0cvJ-xDZ2fcmaljQSGO1Hzhj4r2jBa6EpBzn2Qdbt-6lnK8C63ruO5qJkkh82hOa11GYRH5cM/s1600/blink.gif); }
</style>
atau gunakan yang dibawah ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL92n3JZQRx__S0VwS-lNMGF-6GnahyphenhyphenAvyRz_nfMDN2f1HA1GKIoF0f8MX9X5zuj87zSwadR12TLlYStJkak3HBij8Trf9ZrNv_-MGZxzJ7RicHgycp1BALVvlYxSUea7czkrkUZTQqhk/s1600/str4.gif
cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas
#sesuai hanya untuk template berwarna gelap.
Simpan template…selesai..
Tiada ulasan:
Catat Ulasan