0

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

Unknown

sedang dalam perbaikan....

Tidak ada komentar:

Posting Komentar