Cara Mengganti Pointer Mouse pada Blog

Cara Mengganti Pointer Mouse pada Blog

Kali ini saya akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat Bosan dengan Kursor yang SNI ??? Pengen mengganti kursor yang lucu ??? tepat sekali kalo sobat nyasar kemari,,Disini saya akan sedikit share tentang Bagaimana caranya merubah atau mengganti kursor di blog yang standar menjadi elegan. 

Nah, di atas itu adalah contoh kursor blog . Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:

1. Login lah ke akun blogger sobat terlebih dahulu

2. Lalu klik "Layout"

 3. Pilih "Add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: Mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

b. Kode 2: Mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
body a:hover{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

SILAHKAN PILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat.
Ada beberapa situs penyedia cursor yang lucu dan keren, sobat bisa mengunjungi situsnya untuk memilih2 kursor mana yang menurut sobat pas di hati..situsnya antara lain: 

• CURSOR-4U
• Totally Free Cursors
• Open Cursor Library

Atau link gambar yang tersedia di bawah ini :

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif 

 

http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png

http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png

http://i44.photobucket.com/albums/f13/LONG65/Element2.gif

http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjsDH6hb0RtL7dpOr1zb4okknOOOzzq5-hIGx-xSWATgkTrzXwMMPVrkiIbXFi0sCeBcBR_0KOJqeMX4FCq6QqPY-2IxCMcDTSYH2hiEvRQoJ7PHwFu4m829Ax_8jkdPpdph7gn7ZzKfD9/s1600/cur283.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjohJY4AdW0goBvLhaAg8KQC08K5CtJq2p_Z3CWsdFzKMyj_YvMHJwKlmSf_SgBTmZhuEmAFbNwfbyYQ-_GF-arAuLjEAwwI0P9LA4F5QGi_JAm6ejlj4BIei8WqvrW96lBY3qrDbzBe6q0/s1600/cur740.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHrDbDBylAKMEgkDHoyhalvHQc1lqIR6sfTuMz3aFjI5wtGhmvGpg22WDWq7pETyV9lD_XBGC3EBwq_ow7qoRAaJyTXVNvAozjJLr_C_qfZfOD3jtQh_YXL3QL4KeVEbUg5yfA0YOhrQTE/s1600/cur815.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvqOZpRc0GTbs-88AkRL7IXUe4DiEG6VB7w9xRNJ0t4viLn7Th6tBlAc2jnzNJXZXETiJvaRsO4TLfHNa_OWvCmUymZAJrVKKed4HhfmEscwZgAW9bIj3mBtHJJowocsQQchVdCSlCL4mY/s1600/oth617.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjag-ud1uc3dgaDgEvEm195QJ25TysPgwoKFBuehyB-K2fMdhEi4z-6IMc3l4mAcYll9jmCywGBEgDBMw3RuBEZzCb2th4qBCY4C5vprCndWpSK0LcfGdpzRL_JeHKrtWszvRjM97_VGIJH/s1600/cur1054.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFBV1o76OylH8r5qc_7BnYlItfnN0y-A9Trmn2VdussyAqkXa0TYyLmlIlf7VkjPN8LrOCEv8AmSd2pRdKo9nYsQsAqFuJQB5lhFvyh6KnYQUH0THuBy6JYsNVGTxK8nlaCtAmJf3ttuxO/s1600/cur1031.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3SoOhxnLAUuyCmH6TQHTr3-Jh1QlUduBgUhIG7JK7w_yQZy8kvQc8ZEkHWrwFPlpvm0LxU0a4SllR8ak-0cnIsBsXI_BZgqraYGOT2eQ3qjlzGSpTk4IGD8HnaG5zhyaZf-n8DO09P3l/s1600/cur951.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCEgT9XSt3CiIOvuh3fWO1Pf4MYioheWbGZZ_8CbfGndjM0fKuL0qah7KnJuj77K9F38ba_N8nxLNLwpPf7wLTdbC78HL9HzqhYeEBwqak3sgu3BEUOxr0ffwc_bDHZhq2CHrnkRDd1jyG/s1600/oth591.gif

 

                                                                     

Option #1 - Universal CSS/HTML Code

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1131.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1131.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/vertical-resize-hello-kitty.html" target="_blank" title="Vertical Resize - Hello Kitty"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Vertical Resize - Hello Kitty" style="position:absolute; top: 0px; right: 0px;" /></a>

Option #2 - CSS Style Sheet Only Code

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1131.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1131.png), progress !important;} /* End http://www.cursors-4u.com */

Option #1 - Universal CSS/HTML Code

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use160.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/06/harry-potter-magical-wand.html" target="_blank" title="Harry Potter Magical Wand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Harry Potter Magical Wand" style="position:absolute; top: 0px; right: 0px;" /></a>

Option #2 - CSS Style Sheet Only Code

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use160.cur), progress !important;} /* End http://www.cursors-4u.com */

Option #1 - Universal CSS/HTML Code

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-3/spe232.ani), url(http://cur.cursors-4u.net/special/spe-3/spe232.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/08/pink-arrow-bow-tie-hearts-blinking-letter-j.html" target="_blank" title="Pink Arrow, Bow Tie Hearts Blinking, Letter J"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Arrow, Bow Tie Hearts Blinking, Letter J" style="position:absolute; top: 0px; right: 0px;" /></a>

Option #2 - CSS Style Sheet Only Code

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-3/spe232.ani), url(http://cur.cursors-4u.net/special/spe-3/spe232.png), progress !important;} /* End http://www.cursors-4u.com */

Option #1 - Universal CSS/HTML Code

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-9/gam847.ani), url(http://cur.cursors-4u.net/games/gam-9/gam847.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/27/wing-kirby-walking.html" target="_blank" title="Wing Kirby Walking"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wing Kirby Walking" style="position:absolute; top: 0px; right: 0px;" /></a>

Option #2 - CSS Style Sheet Only Code

 /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-9/gam847.ani), url(http://cur.cursors-4u.net/games/gam-9/gam847.png), progress !important;} /* End http://www.cursors-4u.com */