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

Recomended Post

Berikan Kritik, Saran atau Tanggapan melalui Komentar Sobat