Social Icons

Monday, July 8, 2013

Bentuk Kursor terbaru


Kali ini Saya akan share Kumpulan Kursor Keren Untuk Blog | Sobat pasti bosan kan dengan kursor yang standar, dan kali ini bosan sobat akan hilang dengan bantuan Saya. Walaupun banyak blog tetangga yang sudah banyak ngeposting artikel ini. Tapi Saya tidak menyerah, tetap semangat. Langsung saja ini dia.

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
Chrome Pointer


  • 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
Electricity Lightning


  • 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
Wavy Cursor Tail 10


  • 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
The Alien


  • 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
Cool Blue Outer Glow Pointer


  • 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
Animated Cool Shiny Blue Pointer


  • 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
Perfect World Online Spear Thingy


  • 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
Rave


  • 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
Psychedelic Pointer


  • 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
Animated Fire


  • 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
Flame
  • 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
Heartless Background
  • 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
X-Steel - Wait
  • 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
Defender Black Blue
  • 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
Shiny Flashy Green Matrix
  • 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
Batman Begins - Help Select
Cara Memasangnya :
  1. Login ke Blogger,
  2. Tata Letak --> Tambahkan Gadget --> HTML/JavaScript
  3. Copy Paste salah satu kode kursor diatas ke kolom HTML/JavaScript
  4. Simpan dan Lihat hasilnya.

4 comments: