Cara memasang cursor di blog

Cara Mudah Merubah Cursor Blog Blogger

Hari ini saya ingin memperbaharui tutorial cara mengganti/merubah cursor blog blogger, karena tutorial Cara Mengganti Cursor Blog yang sudah pernah saya tuliskan dulu sudah panjang akhirnya saya putuskan untuk membuat artikel baru dengan judul "cara mudah merubah cursor blog blogger".

Ok saya rasa tidak perlu basa basi.

Panduan Cara Mudah Merubah Cursor Blog Blogger

tutorial ini saya bagi menjadi 2, yaitu untuk blogger baru dan lama.

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:

• <style type="text/css">
• body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj24ZnsqnPg7-qrZmDdHLoudb6o61XnTLN3ucPxEKBD2VodJ7SbzMjq5u1WU2wB72iIDURza5lDysf4dnspFH-LmWfoy5xsJQvOyjUvg3CHySrIRo-GdDNxvXkXZPdHfgqXzx4XZHlBDF0M/s1600/jasablogsitus-web-id.gif"), auto;}
• </style>

Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini

 

Update !!!

Agar corsornya berubah secara permanen walaupun diarahkan kelink silakan gunakan kode seperti ini:

• <style type="text/css">
• body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj24ZnsqnPg7-qrZmDdHLoudb6o61XnTLN3ucPxEKBD2VodJ7SbzMjq5u1WU2wB72iIDURza5lDysf4dnspFH-LmWfoy5xsJQvOyjUvg3CHySrIRo-GdDNxvXkXZPdHfgqXzx4XZHlBDF0M/s1600/jasablogsitus-web-id.gif"), auto;}
• body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj24ZnsqnPg7-qrZmDdHLoudb6o61XnTLN3ucPxEKBD2VodJ7SbzMjq5u1WU2wB72iIDURza5lDysf4dnspFH-LmWfoy5xsJQvOyjUvg3CHySrIRo-GdDNxvXkXZPdHfgqXzx4XZHlBDF0M/s1600/jasablogsitus-web-id.gif"), auto;}
• </style>

Kalau mau cursor sprt saya copy/kode berikut cara nya seperti cara yg di atas nih kodenya:

• <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1053.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1053.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-background.html" target="_blank" title="Chrome - Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome - Background" style="position:absolute; top: 0px; right: 0px;" /></a>

Klo Belum mengerti silahkan lihat video ini: