Cara Mengganti Cursor Blog

Sobat bosan dengan cursor bawaan, panah yang tak pernah lepas dari busurnya ? Saatnya kini untuk mengganti cursor blog dengan kehendak sendiri.

Ini memungkinkan kita untuk tidak bosan melihat blog begitu-begitu saja. Dengan mengganti cursor bawaan dengan cursor cantik, maka kita semakin betah untuk berlama-lama blogging dan melihat blog kita sendiri,hihi.

Cara Mengganti Cursor Blog ini saya dedikasikan untuk sahabat saya yang gemar sekali bongkar pasang blog dan oprek template. Maka untuk itu saya bagikan tips ini juga tanpa syarat apapun. Adapun langkah-langkahnya sangat mudah dan tidak memerlukan biaya sampai menjebolkan dompet kita, cukup sediakan pulsa secukupnya untuk menerapkan tips atau Cara Mengganti Cursor Blog ini.

1. Klik Menu Rancangan / Design

 2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode cursor yang sudah saya sertakan di bawah ini

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSJRhnVYEdo3RhEYXEIaz6KdnrXZo0Jt4BliNNddWpvfMnJjf7BSug9ZWzD_n0F7VOlxhVayfJ0hUfU1ptlhQf0SLHtvkLpPSwvhpmLhWhZ77A-uGMyfosWGDqOA5HOuJQXsp8auS_3Yb/s1600/cursor.gif"), auto;}
</style>

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

Atau sobat bisa juga dengan gambar gif ini :

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlnaEhVtkd1N95Cpd_57RYzci0p2-kEYBu2xefyQDCh2F4_VJGQPtrmWRNrXcCjwGP4fey-ngNox0KquTKqr0kkFIbEVps4pr6j1mHxbr4_uue2ezX9Xcuh-lcZC94IS4C3V1YnvUVOD8Z/s1600/Runing.gif

Agar corsornya bisa permanen walaupun diarahkan kelink silakan gunakan kode seperti dibawah ini :

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSJRhnVYEdo3RhEYXEIaz6KdnrXZo0Jt4BliNNddWpvfMnJjf7BSug9ZWzD_n0F7VOlxhVayfJ0hUfU1ptlhQf0SLHtvkLpPSwvhpmLhWhZ77A-uGMyfosWGDqOA5HOuJQXsp8auS_3Yb/s1600/cursor.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSJRhnVYEdo3RhEYXEIaz6KdnrXZo0Jt4BliNNddWpvfMnJjf7BSug9ZWzD_n0F7VOlxhVayfJ0hUfU1ptlhQf0SLHtvkLpPSwvhpmLhWhZ77A-uGMyfosWGDqOA5HOuJQXsp8auS_3Yb/s1600/cursor.gif"), auto;}

</style>

Jangan bilang susah kalau belum mencoba, selamat bereksperimen, semoga berhasil !

Posted in: Blogger