Pagi ini saya mampir di blog temen saya cewek lah, pass di buka tadi wuiih kren blognya, ngga di sengaja waktu saya menyentuh link ternyata ada efek kupu-kupu iihh unyu unyu deh.. kren lah blognya, nah saya pnasaran gimana cara buatnya ya??, ok pnasaran saya buka tuh blog temen hehehe tau ya passwordnya jelas tau yg bikin blog tu orang saya hehehe..
saya coba ulak ulik dan ternyata ketemu juga HTML nya ternyata cukup mudah dan bisa di ganti berbagai macam animasi..
ok langsung saja ya pnasaran kan ayoo ikuti langkah2 brikut ini :
Cara Menambah Efek Animasi Apabila Cursor Menyentuh Link :
1) Sign in blogger
2) Dashboard - Design - Edit HTML "Expand Widget Templates"
3) Cari Kode a:hover Dengan menggunakan ctrl + F supaya gampang nyarinya.
color:#FF6699; background:url(URL IMAGE)
;background-repeat: repeat;text-decoration:underline;
4) Kemudian copy paste kode di atas di bawah kode a:hover yang kamu cari tadi:
contoh:
a:hover
color:#FF6699; background:url(URL IMAGE)
;background-repeat: repeat;text-decoration:underline;
Ganti pada URL IMAGE masukkan url image yang kamu mau. kamu boleh search image animasi kamu disini . Ataupun kamu bisa pilih dan copy url image yang disediakan di bawah:
saya coba ulak ulik dan ternyata ketemu juga HTML nya ternyata cukup mudah dan bisa di ganti berbagai macam animasi..
ok langsung saja ya pnasaran kan ayoo ikuti langkah2 brikut ini :
Cara Menambah Efek Animasi Apabila Cursor Menyentuh Link :
1) Sign in blogger
2) Dashboard - Design - Edit HTML "Expand Widget Templates"
3) Cari Kode a:hover Dengan menggunakan ctrl + F supaya gampang nyarinya.
color:#FF6699; background:url(URL IMAGE)
;background-repeat: repeat;text-decoration:underline;
4) Kemudian copy paste kode di atas di bawah kode a:hover yang kamu cari tadi:
contoh:
a:hover
color:#FF6699; background:url(URL IMAGE)
;background-repeat: repeat;text-decoration:underline;
Ganti pada URL IMAGE masukkan url image yang kamu mau. kamu boleh search image animasi kamu disini . Ataupun kamu bisa pilih dan copy url image yang disediakan di bawah:
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
5) Simpan dan selesai deh.. mudah kan..
Selamat Mencoba Yaa...
^_^
Ditulis Oleh : Fortynyr Blog's™ ~ Tutorial Blogger,Tips,Trik Computer,Share dan SEO
Artikel Menambah Efek Animasi Apabila Cursor Menyentuh Link Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar dan Jangan lupa follow, Like. |
0 komentar:
Posting Komentar