Animasi yang dapat kita tambahkan untuk tampilan
yang lebih menarik pada blog sangatlah banyak. Salah satunya yaitu animasi
kursor pada blog. Jika anda ingin membuat animasi kursor pada halaman blog anda
langkah-langkahnya cukup mudah. Berikut adalah langkah-langkahnya
Ø Masuk
ke ‘Tata Letak’
Ø Klik
‘Tambahkan Gadget’
Ø Pilih
‘Html/javascript’ dengan mengklik tombol +
Ø Selanjutnya masukan kode (pilih salah satu dibawah ini)
Untuk animasi spongebob
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="SpongeBob SquarePants"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="SpongeBob SquarePants" style="position:absolute; top: 0px;
right: 0px;" /></a>
Untuk animasi ulat
pelangi
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani),
url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Wavy Tail"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Wavy Tail" style="position:absolute; top: 0px; right:
0px;" /></a>
Untuk
animasi jamur
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani),
url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Toad Jumping Up and Down"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Toad Jumping Up and Down" style="position:absolute; top:
0px; right: 0px;" /></a>
Untuk
animasi gitar api
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani),
url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress
!important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Toad Jumping Up and Down"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Toad Jumping Up and Down" style="position:absolute; top:
0px; right: 0px;" /></a>
Untuk
animasi love
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani),
url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress
!important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Valentine's Day Pumping
Heart"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="Valentine's Day Pumping Heart"
style="position:absolute; top: 0px; right: 0px;" /></a>
Untuk
animasi peace
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/symbols/sym-8/sym714.ani),
url(http://cur.cursors-4u.net/symbols/sym-8/sym714.gif), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Different Types Of Peace
Symbol"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="Different Types Of Peace Symbol"
style="position:absolute; top: 0px; right: 0px;" /></a>
Untuk
animasi icon moon
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-10/cur945.ani),
url(http://cur.cursors-4u.net/cursors/cur-10/cur945.png), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Batman Begins - Diagonal Resize
2"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="Batman Begins - Diagonal Resize 2"
style="position:absolute; top: 0px; right: 0px;" /></a>
Untuk
animasi superman
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Superman"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Superman" style="position:absolute; top: 0px; right:
0px;" /></a>
Untuk
animasi monyet
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani),
url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Cute Rocking Baby Monkey"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Cute Rocking Baby Monkey" style="position:absolute; top:
0px; right: 0px;" /></a>
Ø Kemudian Simpan.
Selamat mencoba ^_^
1 komentar:
mba ren ...
Posting Komentar