Cara
Membuat Animasi Cursor Di blog
Bosen
dengan tampilan cursor biasa di website atau di blogger, disini saya berbagi
cara membuat memasang animasi cursor keren buat percantik blogger atau website
anda, ada banyak macam-macam animasi cursor untuk diblog tinggal anda pilih
sesuai selera anda atau anda sukai langsung saja caranya :
Cara untuk
tampilan blogger baru :
1.
Login ke blogger anda
2.
Pilih Laman
3.
Pilih Tata Letak
4.
klik Tambah Gadget Html/JavaScript
5.
Copy & paste kan kode html mouse yang
diinginkan di bawah ini
6.
Terakhir Simpan
Spongebob
|
Mr.Crab
|
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="SpongeBob SquarePants Mr.
Krabs"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="SpongeBob SquarePants Mr. Krabs"
style="position:absolute; top: 0px; right: 0px;" /></a>
Bird
|
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Catching Fire"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Catching Fire" style="position:absolute; top: 0px; right:
0px;" /></a>
Mouse 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>
Cartoon
|
<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>
Fire Guitar
|
<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>
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>
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>
Angel
|
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too917.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Tinkerbell"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Tinkerbell" style="position:absolute; top: 0px; right: 0px;" /></a>
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>
vegeta dragon ball
|
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/anime/ani-7/ani634.cur), progress
!important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Vegeta - Dragonball Z 2"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Vegeta - Dragonball Z 2" style="position:absolute; top:
0px; right: 0px;" /></a>
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>
samurai x
|
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani),
url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="Final Fantasy 7 Cloud
Strife"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="Final Fantasy 7 Cloud Strife"
style="position:absolute; top: 0px; right: 0px;" /></a>
monkey
|
<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>
I love her
|
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/special/spe-5/spe445.cur), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="I Love Her"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="I Love Her" style="position:absolute;
top: 0px; right: 0px;" /></a>
I love him
|
<style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/special/spe-5/spe444.cur), progress
!important;}</style><a
href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html"
target="_blank" title="I Love Him"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="I Love Him" style="position:absolute; top: 0px; right:
0px;" /></a>
Sumber : http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html
Sumber : http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html
0 komentar:
Posting Komentar