Jumat, 20 Desember 2013

Cara Merubah Cursor Pada BLOG.

Cara Merubah Cursor

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)

Silakan copy dan paste kode berikut:

<div style="height: 100px; width: 350px; overflow: auto;"> <style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzspaIUa_ePQvQ5IPUCaroxV7-W7EIqKi0H520KlKeymct9XU43U3fp1SqjIEU5O45hsj7J_86DNixmuuc_Y1soQB0UINSCmLFpFXq_EBAKs5-sVzAJgEOnnd37dbL9CHC_H6k51TE_xBs/s1600/jasablogsitus-web-id.gif"), auto;}
</style> </ div>
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

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/AVvXsEgzspaIUa_ePQvQ5IPUCaroxV7-W7EIqKi0H520KlKeymct9XU43U3fp1SqjIEU5O45hsj7J_86DNixmuuc_Y1soQB0UINSCmLFpFXq_EBAKs5-sVzAJgEOnnd37dbL9CHC_H6k51TE_xBs/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzspaIUa_ePQvQ5IPUCaroxV7-W7EIqKi0H520KlKeymct9XU43U3fp1SqjIEU5O45hsj7J_86DNixmuuc_Y1soQB0UINSCmLFpFXq_EBAKs5-sVzAJgEOnnd37dbL9CHC_H6k51TE_xBs/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.

Tidak ada komentar:

Posting Komentar