Apa kabar teman2 sesama blogger? Semoga
baik yah:) hhi. Kali ini aku mau share tutorial cara nambahin animated
image saat cursor menyentuh link. Kalian tau maksudnya? Di blogku, kalo
kalian taruh cursor di link pasti ada kupu-kupu kan disekitar link itu?
Nah, itu dia;3 Tapi, aku ngesharenya macem2 loh. Ok, let's check!
1. Sign in akun blog.
2. (Pada Dashboard) Pilih Design/Template => Edit html.
3. Cari kode a:hover atau bisa tekan ctrl+f untuk cari cepat.
4. Kemudian, paste kode ini di bawah a:hover tadi.
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;
text-decoration:underline;
contoh:
a:hover
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;
text-decoration:underline;
5. Lalu, kalian ganti tulisan 'URL IMAGE' itu dengan salah satu link di bawah ini.
http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif
http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif
http://dl4.glitter-graphics.net/pub/1102/1102514nugaxacg8m.gif
http://dl9.glitter-graphics.net/pub/690/690739pesbqr6dqw.gif
http://dl2.glitter-graphics.net/pub/1455/1455682apvfgvhztr.gif
http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gifcr:Lesy
Tidak ada komentar:
Posting Komentar