banner
banner CN
Kunjungi Blog Baru Kami di PROZONAS.COM

Senin, 17 Januari 2011

Home » » Cara Mengganti Kursor Standar Pada Blog

Cara Mengganti Kursor Standar Pada Blog

بسم الله الرحمن الرحيم

Bentuk standar kursor biasanya berupa anak panah berwarna putih, Sobat pasti sudah mengenalinya. Bisakah kursor dalam Blog kita ganti ? Pasti bisa Sobat. Dengan memberikan sedikit kode pada template, kita bisa mengganti bentuk kursor standar menjadi yang kita inginkan.

Bagaimana cara mengganti kursor tersebut ? Ok... Silakan Sobat ikuti langkah-langkah berikut...

  1. Login ke Blog Sobat
  2. Pada Dasbor Klik Tata Letak ->> Edit Html
  3. Cari kode ini ]]></b:skin>, Copy Paste kode di bawah ini tepat di atas kode ]]></b:skin>.
    /* CURSOR GENERATOR */
    body { cursor:url("http://cur.cursors-4u.net/cursors/cur-4/cur392.cur"),default;}
    Note : Kode di atas akan merubah kursor pada halaman blog.
  4. Cari kode ini body, kemudian scroll ke bawah sedikit dan temukan kode a:hover.
    /* -- Main -- */
    body
    ...........
    a:hover
    Sisipkan kode di bawah ini di dalam kode 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.
  5. 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...

Klik Tombol "SKIP AD" (setelah 5 detik) Untuk Link Download yang Menggunakan Fasilitas AdF.ly
Senin, 17 Januari 2011 | | 8 komentar

Recomended Post

Berikan Kritik, Saran atau Tanggapan melalui Komentar Sobat

8 komentar:

Ego Dafma Dasa mengatakan...

banyak juga kodenya.kalau saya buka blog saya dengan ponsel apakah cursornya juga berubah?

Aria ooG mengatakan...

@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.. ^^

Ego Dafma Dasa mengatakan...

nggak berubah kursornya mas.

Aria ooG mengatakan...

@Ego Dafma Dasa : Kalau kursor dalam ponsel tidak berubah. Berarti penerapan teknik ini hanya berjalan di komputer/pc.

Ego Dafma Dasa mengatakan...

mungkin ini belum waktunya saya punya PC/komputer/laptop.

Aria ooG mengatakan...

@Ego Dafma Dasa : Tidak masalah Sobat, tetap semangat.. :)

Frank Jannes "The Blue's" mengatakan...

admin, kok ada script yang tidak ada di HTML saya
itu kenapa ya?apa karena berbeda template?

Aria ooG mengatakan...

@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)...

Poskan Komentar

 

Saling Follow Sobat

Blog Directories

W3 Directory - the World Wide Web Directory



© Copyright 2010. Catatan Ngeblog . All rights reserved | Powered by Blogger.com | Template by zoomtemplate.com - Modified by Catatan Ngeblog
Al Qur'an