Cara Membuat Animasi Cursor blogspot

Cara Membuat Animasi Cursor Blogspot

Bosen dengan tampilan cursor biasa di website atau di blogger

yuxxx kita berbagi cara membuat memasang animasi cursor keren buat percantik blogger or website anda ===>>>> 

Jika sobat berminat untuk memasangnya, silahkan ikuti cara berikut ini : 

1. Login ke Akun Blogger Kamu
2. Edit Template----
3. Truz Pilih Edit HTML---

4. Edit Template---
5. Truz Copast dech Animasi yang pengen kamu gunain di bawah ini---

6. simpen di bawah Kode ----->>>>  

</head> di blog ( gunakan Ctrl+F untuk memudahkan pencarian kode )

Sebelum kamu Save, cek dulu okey di Pratinjau Template-, buat Ngindarin kesalahan tempat Cursor ^_^

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> 

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> 

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>

  

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> 

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> 

Pake cara ini juga bisa Sob biar lebih simpel & gak bikin Ribet.

Silahkan coba pasang kode script nya di blog sobat dengan langkah berikut:

1. Login dulu di Blogger .
2. Pilih Template di Dasbor Blog
3. Klik Edit HTML Template
4. Centang dulu Expand Template Widget
5. Cari kode  </head> di blog ( gunakan Ctrl+F untuk memudahkan pencarian kode ).
6. Pasang kode kursor di bawah ini diatas kode </head> atau sebelum kode </head>

<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif&quot;), auto;}
</style>

Keterangan : Kode warna merah adalah kode gambar atau icon kursor kalau sobat mau mengganti dengan tampilan lain bisa sobat gunakan kode di bawah ini sesuai dengan gambar kursor yang sobat sukai .

  http://ak.imgfarm.com/images/cursormania/files/4/2308a.gif

 http://cursors0.totallyfreecursors.com/thumbnails/bullseye-ani.gif

 http://cursors2.totallyfreecursors.com/thumbnails/tail2.gif

 http://ak.imgfarm.com/images/cursormania/files/6/3019a.gif

 http://ak.imgfarm.com/images/cursormania/files/26/13148a.gif


 http://ak.imgfarm.com/images/cursormania/files/24/12224a.gif

http://cursors0.totallyfreecursors.com/thumbnails/rainbow-ani3.gif 

 http://cursors3.totallyfreecursors.com/thumbnails/fireblue.gif