
Bagaimana cara mengganti kursor tersebut ? Ok... Silakan Sobat ikuti langkah-langkah berikut...
- Login ke Blog Sobat
- Pada Dasbor Klik Tata Letak ->> Edit Html
- Cari kode ini ]]></b:skin>, Copy Paste kode di bawah ini tepat di atas kode ]]></b:skin>.
/* CURSOR GENERATOR */
Note : Kode di atas akan merubah kursor pada halaman blog.
body { cursor:url("http://cur.cursors-4u.net/cursors/cur-4/cur392.cur"),default;} - Cari kode ini body, kemudian scroll ke bawah sedikit dan temukan kode a:hover.
/* -- Main -- */
Sisipkan kode di bawah ini di dalam kode a:hover.
body
...........
a:hover
cursor: url("http://cur.cursors-4u.net/cursors/cur-4/cur391.cur"),default;
Contoh :
a:hover{ color:#FF0000; text-decoration:none; cursor: url("http://cur.cursors-4u.net/cursors/cur-4/cur391.cur"),default;}
Note : Kode di atas akan merubah kursor, ketika kursor berada di atas Link. - Cari kode ini .post img. Kemudian sisipkan kode di bawah ini di dalam kode .post img.
cursor:url("http://cur.cursors-4u.net/cursors/cur-4/cur391.cur"), pointer;
Contoh :
.post img{ margin:0px; padding:0; border:1px dotted #fff; cursor:url("http://cur.cursors-4u.net/cursors/cur-4/cur391.cur"), pointer;}
Note : Kode di atas akan merubah kursor ketika kursor berada di atas gambar pada halaman blog.
Note : Untuk Kode berwana Biru, adalah kode link kursor. Sobat bisa menggantinya. Sobat bisa mencari jenis-jenis kursor yang menarik dari cursors-4u.
Sekian trik blog kali ini, Semoga Bermanfaat...





8 komentar:
banyak juga kodenya.kalau saya buka blog saya dengan ponsel apakah cursornya juga berubah?
@Ego Dafma Dasa : Blog ini juga sudah mengubah kursor pada blog. Apakah kursornya burubah jika dibuka dengan ponsel Sobat?
Maklum saya tidak pernah blogging pake ponsel.. ^^
nggak berubah kursornya mas.
@Ego Dafma Dasa : Kalau kursor dalam ponsel tidak berubah. Berarti penerapan teknik ini hanya berjalan di komputer/pc.
mungkin ini belum waktunya saya punya PC/komputer/laptop.
@Ego Dafma Dasa : Tidak masalah Sobat, tetap semangat.. :)
admin, kok ada script yang tidak ada di HTML saya
itu kenapa ya?apa karena berbeda template?
@Frank Jannes "The Blue's" : Biasanya memang ada kode yang berbeda dalam template. Tapi untuk mudahnya Sobat cari saja kode a:hover dan sisipkan kode untuk kursornya, jangan lupa lihat dibagian mana kode a:hover berada (untuk memastikan saja)...
Silahkan Berkomentar dan jangan Komentar Spam ya... Terimakasih... ^_^
Poskan Komentar