Cara Mengganti Kursor Blog

Sekarang sudah tahu kan apa itu kursor, sekarang kita menuju ke tutorial Cara Mengganti Kursor Blogger:

1. Pertama Login dulu ke Blogger.com

2. Lalu klik menu Layout

3. Add gadget atau tambah gadget

4. Lalu pilih HTML/JavaScript

5. Copy dan pastekan kode berikut di kotak HTML/JavaScript

• Kode kursor 1: mengubah kursor tapi tidak merubah kursor ketika menyorot link

<style type="text/css">
body{cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Ysoh5-bCcjZHqozypxxK1Y4_ffDvkE1ujOCG6pJGEzLxprmbm0rFQbA_4eYFOXj5VVLRoLIhqeNBmLmWsn9xXCfhIR-SjdaNhHmR06FidxMEZ1KXKM7sGo6Q0icxYCbRqmVVCI8y0I5m/"), auto;}
</style>

•  Mengubah kursor serta tetap berubah walau di sorot ke arah link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Ysoh5-bCcjZHqozypxxK1Y4_ffDvkE1ujOCG6pJGEzLxprmbm0rFQbA_4eYFOXj5VVLRoLIhqeNBmLmWsn9xXCfhIR-SjdaNhHmR06FidxMEZ1KXKM7sGo6Q0icxYCbRqmVVCI8y0I5m/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Ysoh5-bCcjZHqozypxxK1Y4_ffDvkE1ujOCG6pJGEzLxprmbm0rFQbA_4eYFOXj5VVLRoLIhqeNBmLmWsn9xXCfhIR-SjdaNhHmR06FidxMEZ1KXKM7sGo6Q0icxYCbRqmVVCI8y0I5m/"), auto;}
</style>

Keterangan:

Link yang saya beri warna merah bisa di ganti dengan url gambar kursor yang kamu inginkan

6. Jika sudah selesai klik Save atau Simpan.

Cara mengganti url gambar kursor yang kita inginkan:

1. Cari gambar kursornya dulu

2. Klik kanan gambar kursor yang telah kamu cari, lalu pilih salin url gambar atau copy url image/gambar

Koleksi gambar kursor di lengkapi dengan url gambar:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Ysoh5-bCcjZHqozypxxK1Y4_ffDvkE1ujOCG6pJGEzLxprmbm0rFQbA_4eYFOXj5VVLRoLIhqeNBmLmWsn9xXCfhIR-SjdaNhHmR06FidxMEZ1KXKM7sGo6Q0icxYCbRqmVVCI8y0I5m/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0atQn8fTjRjeUlSBdbxSz2pATXXvFW7yPFjfOHPsMWLLNxBI2auV5Yx-3gUgNnBmq2lv35aDC0ZUc9UuJoRgTJncTb0eTTEXW1ysddREb1vXujJ9uNrgmteCZCXyfSHFN0Cq5KziyyQ/s400/bat_banana_t4belajarblogger.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif4KSiBJKcJtcPXw55XN3zFdtozA12_vFoL3_Rvc-VeMHUtXrY1bB6-3vTnOBIVGMKk-qR_J7iuFlLtUBfXRyxgyid3Rji-fV47vp73ESDID4o0skXW-Ra250bXKAiFn5uBbnsS2-aKVg/s400/bird_hair_t4belajarblogger.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVrnuoMy-54x9GJFM6vUoTl0C1gyg-5v8yd0JVdoMdUh9YNcmvxLn7eS7fkQS3SavKTrx9LydV-Z1l_j8bbQR5LnXfE0Vgv07z4dBSqZ7TFVPn7JF9X3Vo6ZxBd2CKWMvr8fxZAiUEVY4/s400/guitar_banana_t4belajarblogger.png

http://i1079.photobucket.com/albums/w504/widgetandtutorial/1582841jvd5ozi2bu.gif

http://dl10.glitter-graphics.net/pub/1582/1582990odfkyy0o4b.gif

Cursor 1

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 2

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

 Cursor 3

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 4

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 5

 <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 6

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 7

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 8

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 9

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 

Cursor 10

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8nLenPAiBuWLR7c7Vf0apA2qcH2VCuTieggLY_1ZIwyTiUmRnPWM1U5wDsnTVRKgQfZ_Fxxn48jHOmrS-LjONuT1Pu3rkLv1ftSMnTiMFbo2rysapMfVoBbFNHMDjMd4GEbiSAmcyQ/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 11

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

Cursor 12

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 13

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

 

Jika kurang cocok kamu bisa cari sendiri, banyak kok di internet atau kamu bisa buat gambarnya sendiri. :)

Semoga sederhana mengenai ini bisa bermanfaat untuk kamu.