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 template---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/AVvXsEiVBeCZMquViumZIacGZ-1CsqlKgHnGtzbypOSUzCP0SxwLSFIZV4s5LvsnH8b-dQNUjm9cBIV-42Z34OCtGMxpTL9DJCOjuntsxhx8z2fT11UrONTPTlYo767UbEiOumivVQJ8gDvPDA8/s1600/blink.gif); }
</style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVBeCZMquViumZIacGZ-1CsqlKgHnGtzbypOSUzCP0SxwLSFIZV4s5LvsnH8b-dQNUjm9cBIV-42Z34OCtGMxpTL9DJCOjuntsxhx8z2fT11UrONTPTlYo767UbEiOumivVQJ8gDvPDA8/s1600/blink.gif); }
</style>
atau gunakan yang dibawah ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJDO9T9Fz0hvWM0JeL9apKBKctAY5yWI4Fy5E-eGkTkPtHMDc-d4CdmSP16_XFUqwhNdP-RXJbwGwyTcayl_QKcNFbruYxpQgG1hSDHm6e8MRuhESK-ki1Zd06JND9bJj9kYrRwa3p-I/s1600/str4.gif
cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas
#sesuai hanya untuk template berwarna gelap.
Simpan template…selesai..
Post a Comment
46 Comments:
Thanx 4 ur info..
nice ni!
Terkini : 10 Kereta Termurah Di Dunia
YES SEMUA LINK BERKILAT-KILAT... TQ!!
terima kasih tutorial :)
TK DH CUBA..
JADI LA..
TIMA KASIH BANYAK2..
keren tekhniknya... saya gk mudheng :( sama yg ginian :(
dah try!!!
thnx yahhh =)
mcam mane nak tukar wane kelip2? nak mcam blog ny punye link berkelip :)
T,kasih...saya dah banyak belajar dari blog ni...dah buat dah...!
thks tips nya sob :D
disave ah...!!!
xder yg lain ker???nk yg lain..uhuh
dah praktikkan..dah lama nak wat mcm tu..
baru sekarang dapat buat..
thanks bro..
thank :)
@MariaMira saya dah letak lagi satu warna.
ok suka2, tq..so sy tukar warna title spy nampak :)
Thank's ya utk artikelnya... :)
mantabbbbbbbb GAN ,makasih infonya
maaf ya .saya tidak tahu cara untuk mencari kod head . sudah puas saya menekan ctrl+f tapi tidak menjadi . harap diajar cara mencari kod nya . tolong ya . :)
salam ,blog awk mmg best..banyakan lgi tutorial ye, gudluck..
@aen ashiqin
wasalam,tq ...kembali kerana menggunakan tutorial disini
hi...smart la blog nie..ada tak cara mcm mna nak link kan microsoft word ke dlm blog?kena tukar ke pdf dulu ka atau ada cara lain?urgent nie...pm saya k :)
siipp..bossss
mantev gan terimakasih,moga ilmunya m'mbawamu kesurga..amin
difollow juga yah..biar mudah nyariinnya
thanks.da jadi.jom singgah cni
comel
sye share tutor nie :) sye credit keyh :)
@Rina
ok silakan....:)
slm...mcm mana erk nk wat link yg kite klik tu tulisan jd besar, mcm kat blog kamu nih..xmo kelip2 sbb blog sy template cerah..
@deqla manjew
cari kod mcm ni pada template
a:hover {
text-decoration:underline;
color: $(link.hover.color);
font-size:20px;
}
cuma tambah font-size:20px; saja pada kod tadi
cara ni boleh digunakan untuk tajuk blog kita ker?tp tak boleh pun
dah jadi dah
saya nak tanya macam mana nak letak lagu dalam blog ??
saya nak tanya macam mane nak letak lagu dalam blog??
terima kasih ya Gan,atas infonya ? I like this Gan?
terima kasih..sy dh cuba.. :))
@Tomi Pusingsama sama...:)
tak jumpa head :( :( :(
terimakasih kawan,tutorialnya sangat membantu saya untuk mempercantik my blog,,,,,thank you
saya banyak belajar dari blog anda.bolehkah saya copy paste sebagian isinya yang mana saya perlukan untuk saya pelajari.
@AMRI YUSUFboleh kalau nak copy ....:)
ngetest gan.....hehe
thank mas,,,
nice,,,(Y)
Terima Kasih ;)