Minggu, 18 Maret 2012

Cara Mudah Merubah Cursor Blog

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

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 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/AVvXsEgg8DpzpOqi30MGaUyWRCwJsJ219yNv47z6ThEDgxeqh4py2bfe6A_miys7t6oIY7BaLJJREIheHd_aO9TrG_h7qaPql1pUVXBJcG8MVWxxUnRuvpOLbNXoCBJH4VqIAbXuccyh8gAaQlZc/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/AVvXsEgg8DpzpOqi30MGaUyWRCwJsJ219yNv47z6ThEDgxeqh4py2bfe6A_miys7t6oIY7BaLJJREIheHd_aO9TrG_h7qaPql1pUVXBJcG8MVWxxUnRuvpOLbNXoCBJH4VqIAbXuccyh8gAaQlZc/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg8DpzpOqi30MGaUyWRCwJsJ219yNv47z6ThEDgxeqh4py2bfe6A_miys7t6oIY7BaLJJREIheHd_aO9TrG_h7qaPql1pUVXBJcG8MVWxxUnRuvpOLbNXoCBJH4VqIAbXuccyh8gAaQlZc/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.
untuk mengganti dengan cursor yang lain klik disini


0 komentar: