Sunday, February 5, 2017
Cara Membuat Kursor Keren di Blog
Cara Membuat Kursor Keren di Blog - Para blogger tentunya menginginkan sebuah kursor blog yang keren bukan? Daripada menggunakan kursor default dari komputer/laptop anda, kita buat sebuah gambar khusus yang akan dijadikan sebagai icon kursor di blog kita. Bagaimana caranya? Simak yang di bawah ini.
1. Buka akun blogger anda
2. Masuk ke tata letak -> tambah gadget -> html/javascript
3. Berikut script kursornya yang bisa anda gunakan salah satu :
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
4. Copy saja salah satu script diatas dan paste di kolom yang besar.
5. Jangan lupa klik "simpan"
Silahkan check blog anda dan kursor akan muncul.
Selamat mencoba ^_^
