-
- Home >
- Javascript , Tutorial >
- Kumpulan Kursor Keren Untuk Blog
Posted by : Unknown
Jumat, 12 Juli 2013
Berikut Kumpulan Kursor Keren Untuk Blog
- Chrome Pointer Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-pointer.html"
target="_blank" title="Chrome Pointer"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome
Pointer" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Blue Fire Pointer Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani),
url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html"
target="_blank" title="Blue Fire Pointer"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire
Pointer" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Wavy Cursor Tail 10 Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-1/cur62.ani),
url(http://cur.cursors-4u.net/cursors/cur-1/cur62.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2006/04/23/cur62.html"
target="_blank" title="Wavy Cursor Tail 10"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Cursor
Tail 10" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- The Alien Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-9/cur815.ani),
url(http://cur.cursors-4u.net/cursors/cur-9/cur815.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2011/03/29/the-alien-15.html"
target="_blank" title="The Alien"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="The Alien"
style="position:absolute; top: 0px; right: 0px;" /></a>
Screenshots
- Cool Blue Outer Glow Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html"
target="_blank" title="Cool Blue Outer Glow Pointer"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Blue
Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Animated Cool Shiny Blue Pointer Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/games/gam-11/gam1090.ani),
url(http://cur.cursors-4u.net/games/gam-11/gam1090.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2010/02/24/animated-cool-shiny-blue-pointer.html"
target="_blank" title="Animated Cool Shiny Blue Pointer"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Cool
Shiny Blue Pointer" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Perfect World Online Spear Thingy Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/games/gam-13/gam1229.ani),
url(http://cur.cursors-4u.net/games/gam-13/gam1229.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2011/03/03/perfect-world-online-spear-thingy.html"
target="_blank" title="Perfect World Online Spear Thingy"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Perfect World
Online Spear Thingy" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Rave Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-4/cur320.ani),
url(http://cur.cursors-4u.net/cursors/cur-4/cur320.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2009/11/25/rave-2.html"
target="_blank" title="Rave"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rave"
style="position:absolute; top: 0px; right: 0px;" /></a>
Screenshots
- Psychedelic Pointer Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-2/cur197.ani),
url(http://cur.cursors-4u.net/cursors/cur-2/cur197.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2009/04/22/psychedelic-pointer.html"
target="_blank" title="Psychedelic Pointer"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Psychedelic
Pointer" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Animated Fire Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/special/spe-1/spe19.ani),
url(http://cur.cursors-4u.net/special/spe-1/spe19.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2005/10/18/spe19.html"
target="_blank" title="Animated Fire"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated
Fire" style="position:absolute; top: 0px; right: 0px;" /></a>
Screenshots
- Flame Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-1/cur15.ani),
url(http://cur.cursors-4u.net/cursors/cur-1/cur15.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2005/07/26/cur15.html"
target="_blank" title="Flame"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flame"
style="position:absolute; top: 0px; right: 0px;" /></a>
Screenshots
- Heartless Background Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/symbols/sym-6/sym549.ani),
url(http://cur.cursors-4u.net/symbols/sym-6/sym549.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2010/12/20/heartless-background.html"
target="_blank" title="Heartless Background"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Heartless
Background" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- X-Steel Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-11/cur1028.ani),
url(http://cur.cursors-4u.net/cursors/cur-11/cur1027.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-wait.html"
target="_blank" title="X-Steel - Wait"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel -
Wait" style="position:absolute; top: 0px; right: 0px;" /></a>
Screenshots
- Defender Blue Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-4/cur395.ani),
url(http://cur.cursors-4u.net/cursors/cur-4/cur395.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2010/09/08/defender-black-blue.html"
target="_blank" title="Defender Black Blue"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Defender
Black Blue" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Shiny Flashy Green Matrix Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani),
url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html"
target="_blank" title="Shiny Flashy Green Matrix"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy
Green Matrix" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
- Batman Begins - Help Select Cursor
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani),
url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html"
target="_blank" title="Batman Begins - Help Select"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins
- Help Select" style="position:absolute; top: 0px; right: 0px;"
/></a>
Screenshots
Cara Memasangnya :
- Login ke Blogger, atau klik disini
- Tata Letak --> Tambahkan Gadget --> HTML/JavaScript
- Copy Paste salah satu kode kursor diatas ke kolom HTML/JavaScript
- Simpan dan Lihat hasilny
terimakasih:) akhirnya cursor saya ganti juga hehe..
BalasHapus