Rabu, 10 Juni 2015

Cara Membuat Custom Cursor untuk Blog Anda

Penambahan animasi dalam blog tentu saja akan memperindah dan mempermanis tampilan blog bukan? Dengan adanya custom cursor yang disediakan di blog, maka para blogger tidak perlu sulit lagi mencari cursor yang bagus. Cara mengganti nya adalaah
Cara untuk tampilan blogger lama :
1.Login ke blogger anda
2. Pilih Rancangan 
3.klik Tambah Gadget Html/JavaScript
4.Copy & paste kan kode html mouse yang diinginkan di bawah ini
5.Terakhir Simpan  

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  



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



1.
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/7/7962/appstarting.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

2.
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/B/E5D76CBF1E4EF814EA8C775FA61588C/appstarting.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

3.http://www.funutilities.com/Files/Cursors/01/92E3D6A9EB667762A16BE7C643F3820A/appstarting.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/Files/Cursors/01/92E3D6A9EB667762A16BE7C643F3820A/appstarting.gif), progress !important;}</style><a href="" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

4.http://www.funutilities.com/files/cursors/3/22D8166DB7B9303F2DD3DA0AE5C44B5/arrow.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/3/22D8166DB7B9303F2DD3DA0AE5C44B5/arrow.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

5.http://www.funutilities.com/files/cursors/6/6447/wait.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/6/6447/wait.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

6.http://www.funutilities.com/files/cursors/2/D5C528739F2D5E0E662F67D089D166D/arrow.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/2/D5C528739F2D5E0E662F67D089D166D/arrow.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

7.http://www.funutilities.com/files/cursors/4/E09EEC12E68326A8C61B555E4C0584D/arrow.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/4/E09EEC12E68326A8C61B555E4C0584D/arrow.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>/

8.http://www.funutilities.com/files/cursors/D/089D0A0FA1AC7832D76643F0EC81C1A/arrow.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/D/089D0A0FA1AC7832D76643F0EC81C1A/arrow.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

9.http://www.funutilities.com/files/cursors/9/9FADE529199C61FF0CEA656CC42C0DB/wait.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/9/9FADE529199C61FF0CEA656CC42C0DB/wait.gif), progress !important;}</style><a href="" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>

10.http://www.funutilities.com/files/cursors/8/40608D92D3320CD3F6C92F3C9E5C3B6/arrow.gif
<style type="text/css">body, a:hover {cursor: url(http://www.funutilities.com/files/cursors/8/40608D92D3320CD3F6C92F3C9E5C3B6/arrow.gif), progress !important;}</style><a href="http://situsalfi.blogspot.com/2012/11/kumpulan-cursor-untuk-blog.html" target="_blank" title="Boat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dari : Situs Alfi" style="position:absolute; top: 0px; right: 0px;" /></a>


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>

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>





Selamat mencoba dan enjooy~
Source   : 

Tidak ada komentar:

Posting Komentar