Cara Merubah Bentuk Cursor di Blog - Kali ini saya akan memberikan sedikit tutorial tentang Cara Merubah Bentuk Cursor di Blog. Bagi anda yang ingin merubah bentuk cursor di blog karena bosan atau tidak suka dengan bentuknya yang itu - itu saja.
Mengganti kursor blog juga digunakan untuk menghias blog anda, agar lebih menarik dimata pengunjung, Jika pengunjung senang pasti blog juga akan ramai pengunjung. Cara Merubah Bentuk Cursor di Blog tidak terlalu berat untuk loading blog.
Bagi yang ingin Tahu Cara Merubah Bentuk Cursor di Blog. silahkan ikuti langkah - langkah berikut ini :
Kita merubah menjadi seperti gambar dibawah ini :
1. Login ke Blogger
2. Masuk ke " Tata Letak >> Tambah Widget "
3. Pilih " Html/JavaScript "
4. Lalu masukan kode dibawah.
Cursor Bentuk Bulu
<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://www.cursors-4u.com/cursor/2011/12/26/batman-begins-diagonal-resize-2.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>
<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 !important;}</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>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol25.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/24/hol25.html" target="_blank" title="Black Cat Behind Moon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Black Cat Behind Moon" style="position:absolute; top: 0px; right: 0px;" /></a>
5. Simpan
Mengganti kursor blog juga digunakan untuk menghias blog anda, agar lebih menarik dimata pengunjung, Jika pengunjung senang pasti blog juga akan ramai pengunjung. Cara Merubah Bentuk Cursor di Blog tidak terlalu berat untuk loading blog.
Bagi yang ingin Tahu Cara Merubah Bentuk Cursor di Blog. silahkan ikuti langkah - langkah berikut ini :
Kita merubah menjadi seperti gambar dibawah ini :
1. Login ke Blogger
2. Masuk ke " Tata Letak >> Tambah Widget "
3. Pilih " Html/JavaScript "
4. Lalu masukan kode dibawah.
Cursor Bentuk Bulu
<style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_kuJMC905MfnUtegTEzZANLlqgUhF1KUDDqbDBdmmjMPIGzxVCazDQRhIERZvv10AsA6am_y6kV7e4Yo_nbex_wy6-YRnON4pjvPqqVtvUcM47KOMfhC5Ljw9e91nli-QZY8m80VD9M7/s1600/jasablogsitus-web-id.gif"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_kuJMC905MfnUtegTEzZANLlqgUhF1KUDDqbDBdmmjMPIGzxVCazDQRhIERZvv10AsA6am_y6kV7e4Yo_nbex_wy6-YRnON4pjvPqqVtvUcM47KOMfhC5Ljw9e91nli-QZY8m80VD9M7/s1600/jasablogsitus-web-id.gif"), auto;}</style>Cursor Bentuk Pisau Ninja
<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/spe114.gif"), auto;}
</style>
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/spe114.gif"), auto;}
</style>
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://www.cursors-4u.com/cursor/2012/02/01/spongebob-squarepants-4.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://www.cursors-4u.com/cursor/2012/02/01/spongebob-squarepants-mr-krabs.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://www.cursors-4u.com/cursor/2012/01/28/catching-fire.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>
<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://www.cursors-4u.com/cursor/2005/07/26/cur18.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://www.cursors-4u.com/cursor/2011/12/31/toad-jumping-up-and-down.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://www.cursors-4u.com/cursor/2011/12/31/toad-jumping-up-and-down.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://www.cursors-4u.com/cursor/2012/01/20/valentine-s-day-pumping-heart.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://www.cursors-4u.com/cursor/2012/01/19/different-types-of-peace-symbol.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>
<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://www.cursors-4u.com/cursor/2009/11/14/cute-tinkerbell.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>
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://www.cursors-4u.com/cursor/2009/11/14/cute-tinkerbell.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/special/spe-1/spe19.ani), url(http://cur.cursors-4u.net/special/spe-1/spe19.png), progress !important;}</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>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol25.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/24/hol25.html" target="_blank" title="Black Cat Behind Moon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Black Cat Behind Moon" style="position:absolute; top: 0px; right: 0px;" /></a>
Atau kalian bisa juga pilih bentuk yang lainnya Disini
5. Simpan