Home » , » Cara mengganti kursor blog

Cara mengganti kursor blog

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
Cara Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)

2. Klik Tambah Gadget / Add A Gadget
Panduan Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)

3. Pilih Gadget Html/JavaScript
Tutorial Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)
4. Masukkan kode widget jkursor yang sudah saya sertakan di bawah
5. Simpan

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design
Panduan Pasang Widget Jam / Clock Di Blogger
2. Klik Tambah Gadget / Add A Gadget
Panduan Pasang Widget Clock Di Blogger (http://blog.ahmadrifai.net)

3. Pilih Gadget Html/JavaScript
Tutorial Pasang Widget Clock Di Blogger (http://blog.ahmadrifai.net)
4. Masukkan kode widget kursor yang sudah saya sertakan di bawah
5. Simpan

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:
<style type="text/css">
body{cursor: url("http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/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("http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas
Selamat mencoba, dan semoga ini bisa mempermudah teman dalam mengganti cursor blog bloggernya.


0 komentar:

Posting Komentar

 
© 2010-2012 Dunia belajar