Search

Cara Membuat Animasi Cursor Di blog

Cara Membuat Animasi Cursor Di blog

Bosen dengan tampilan cursor biasa di website atau di blogger ini disini saya berbagi cara membuat memasang  cursor keren buat percantik blogger atau website anda, ada banyak macam-macam cursor untuk diblog anda tinggal anda pilih sesuai selera anda atau anda sukai langsung saja caranya  :

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 Tata Letak
3.klik Tambah Gadget Html/JavaScript
4.Copy & paste kan kode html mouse yang diinginkan di bawah ini
5.Terakhir Simpan 





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>


 

<style type="text/css">* {cursor: url(https://ani.cursors-4u.net/games/gam-16/gam1571.ani) url(https://ani.cursors-4u.net/games/gam-16/gam1571.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2020/12/01/among-us-crewmates.html" target="_blank" title="Among Us - Crewmates"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Among Us - Crewmates" style="position:absolute; top: 0px; right: 0px;" /></a>
 
    Among Us
 
 
 
fly bird
 <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/people/peo-9/peo1021.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2012/01/28/mockingjay.html" target="_blank" title="Mockingjay"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Mockingjay" style="position:absolute; top: 0px; right: 0px;" /></a>
 
 
  Fly Bird
 
<style type="text/css">* {cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym830.ani) url(https://ani.cursors-4u.net/symbols/sym-9/sym830.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2018/02/17/i-love-you-valentines-day-card.html" target="_blank" title="I Love You Valentines Day Card"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="I Love You Valentines Day Card" style="position:absolute; top: 0px; right: 0px;" /></a> 
 

 Note Books
 
  

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/games/gam-9/gam858.ani) url(https://cur.cursors-4u.net/games/gam-9/gam858.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2009/02/27/kirby-walking-13.html" target="_blank" title="Kirby"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Kirby" style="position:absolute; top: 0px; right: 0px;" /></a>
 
 
   Kirby
 
 
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur197.ani) url(https://cur.cursors-4u.net/cursors/cur-2/cur197.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2009/04/22/psychedelic-pointer.html" target="_blank" title="Psychedelic Pointer"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Psychedelic Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
 
   Rainbow
   Pointers
 
 
 

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/toons/too-8/too724.ani), url(https://cur.cursors-4u.net/toons/too-8/too724.png), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2009/01/31/winnie-the-pooh-bear-13.html" target="_blank" title="Winnie The Pooh Bear"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Winnie The Pooh Bear" style="position:absolute; top: 0px; right: 0px;" /></a>
Winnie The
  Pooh

 
 
 
 <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/anime/ani-2/ani253.ani) url(https://cur.cursors-4u.net/anime/ani-2/ani253.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2008/11/15/mangekyo-sharingan.html" target="_blank" title="Mangekyo Sharingan"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Mangekyo Sharingan" style="position:absolute; top: 0px; right: 0px;" /></a>
 
 
  Sharingan
 
 
 
 
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/toons/too-11/too1009.ani) url(https://cur.cursors-4u.net/toons/too-11/too1009.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/11/30/cute-finding-nemo.html" target="_blank" title="Cute Finding Nemo"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Finding Nemo" style="position:absolute; top: 0px; right: 0px;" /></a> 
 
 Nemo



<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/others/oth-2/oth109.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2006/02/24/oth109.html" target="_blank" title="Skull"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Skull" style="position:absolute; top: 0px; right: 0px;" /></a>
 
 
    Skull



<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat943.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;" /></a>


   Pink Rose



<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym101.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2005/08/29/sym101.html" target="_blank" title="Praying Hands"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Praying Hands" style="position:absolute; top: 0px; right: 0px;" /></a>
 
 
 
Hands




<style type="text/css">* {cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym825.ani) url(https://ani.cursors-4u.net/symbols/sym-9/sym825.png),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2018/01/29/pink-hair-girl-cute-2.html" target="_blank" title="Pink Hair Girl, Cute"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Hair Girl, Cute" style="position:absolute; top: 0px; right: 0px;" /></a>

Girl cute


<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/sports/spo-7/spo766.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/11/14/fc-barcelona.html" target="_blank" title="FC Barcelona"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="FC Barcelona" style="position:absolute; top: 0px; right: 0px;" /></a>


Fc Barcelona


<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/sports/spo-7/spo765.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/11/14/inter-milan.html" target="_blank" title="FC Inter Milan"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="FC Inter Milan" style="position:absolute; top: 0px; right: 0px;" /></a>
 
 
 
Fc Inter Milan
 
 
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/sports/spo-7/spo763.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/11/14/fc-bayern-munich.html" target="_blank" title="FC Bayern Munich"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="FC Bayern Munich" style="position:absolute; top: 0px; right: 0px;" /></a> 
 


Fc Bayer Munchen
 

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-5/mec477.cur), auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/12/16/bell-h-13-sioux.html" target="_blank" title="Helicopter Bell H-13 Sioux"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Helicopter Bell H-13 Sioux" style="position:absolute; top: 0px; right: 0px;" /></a>
 


Helicopter



<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat977.ani) url(https://cur.cursors-4u.net/nature/nat-10/nat977.gif),, auto;}</style><a href="https://www.programmkomputer.blogspot.com/cursor/2011/12/15/corgi-dog-bark.html" target="_blank" title="Corgi Dog Bark"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Corgi Dog Bark" style="position:absolute; top: 0px; right: 0px;" /></a>


Dog



Selamat Mencoba follow twitter ya, Sukses Selalu
 
 
 
 
 
 
 
 
 

78 comments:

  1. kan ko animasinya g bisa gerak yah

    ReplyDelete
  2. bagus tu animasi. tapi gk bisa gerak kenapa nie

    ReplyDelete
  3. gak bisa gerak animasinya...

    ReplyDelete
  4. kok di blog saya gk gerak cursornya

    ReplyDelete
  5. kok animsi cursor.a nggk bisa gerak ..??

    ReplyDelete
  6. kalo mau pake nama sendiri bagai mana ya kak

    ReplyDelete
  7. banyakin lagi donk.... Cuorsor x ,, dikit amat..

    ReplyDelete
  8. kok animasi kurosrny gak bisa sii

    ReplyDelete
  9. cursor nya selaen itu gak ada to gann ???

    ReplyDelete
  10. thanks yaa, sangat berguna :D

    ReplyDelete
  11. Terima Kasih, sangat membantu :D

    ReplyDelete
  12. Mas bagaimana caranya membuat Blog agar bisa dilihat banyak orang ya,,,?? Blog saya sepi banget Nich ,Makasih pencerahan nya

    ReplyDelete
  13. kalo kursornya mau di

    ReplyDelete
  14. kalo mau dibuat kaya kursor di blog ini gimana caranya? bisa pake tulisan doang, ngga pake gambar bergerak?

    ReplyDelete
  15. Itu pengunjungnya bisa banyak banget gitu gimana yaa???

    ReplyDelete
  16. thanks :-) tapi btw kok gak bisa gerak yaa ?

    ReplyDelete
  17. bagus warna tulisannya sob. terimah kasih atas artikelnya ya sob.

    ReplyDelete
  18. terimakasih dengang blogger animansi ini aku selalu suka komentar di bloger .

    ReplyDelete
  19. thanks kawan. aye berhasil hehhehehehe

    ReplyDelete
  20. kalau bikin kursorny nama kita gmna ya?kaa

    ReplyDelete
  21. kren..saya akan coba ni gan cara buat animasi cursornya..
    makasih gan atas infonya...

    ReplyDelete
  22. Gitar fire knp gk bisa , jadinya malah yang cartoon atasnya

    ReplyDelete
  23. bagus sih. tapi kenapa gabisa gerak? parah nih haha

    ReplyDelete
  24. terima kasih ka jadinya blog ku jadi tambah cantik...

    ReplyDelete
  25. bang listing cursor gitarnya sama tuh kayak listing cursor jamur , salah masukin yaa hehehe . tapi berhasil yeayyy thanks bang sering2 yak ^_^

    ReplyDelete
  26. kok mouse pelanginya nggak gerak

    ReplyDelete
  27. mouse yang pelangi gak bisa gerak .. bagaimana cara supaya bisa gerak mousenya bisa gerak ya ?

    ReplyDelete
  28. makasih mas :) banyakin lagi donk ya hehe

    ReplyDelete

jangan buat spam dan komentar link website !