Cara Mudah Mengganti Cursor di Blogger

Hello sobat blogger, sekalipun telah banyak tutorial yang kayak saya buat sekarang ini tapi gak masalah lah saya juga ikutan buat, iseng-iseng untuk arsip gitu..hehehe. Baiklah langsung saja, sebenarnya ada banyak banget sob cara buatnya. Pada kesempatan kali ini saya ingin share beberapa langkah-langkah yang saya ketahui.

Cara Mudah Mengganti Cursor di Blogger

Pertama, cara membuatnya sangat simpel dan gampang (bahkan sangat mudah) langsung aja kita ikuti langkah-langkah di bawah ini :

1. Login ke Blogger + Tata Letak + Edit HTML

2. Kemudian kamu cari kode body { (untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)

3. Seteleh ketemu kamu letakkan Script dibawah ini tepat di bawah kode body {
 

cursor:url("http://i54.tinypic.com/97s4z7.png"),text;

4. Simpan.

Cara kedua, namun agak sedikit mirip dengan yang sebelumnya. Silakan dicoba saja.

1. Log ini ke akun blogger sobat;
2. Pilih menu Rancangan » Edit HTML;
3. Carilah kode yang kurang lebih seperti berikut ini;

body {
    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    }

a:link {
    color:$linkcolor;
    text-decoration:none;
    }

a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }

a:hover {
    color:#000;
    text-decoration:underline;
    }

5. Kemudian tambahkan kode   

cursor: url(http://i1215.photobucket.com/albums/cc519/Auguste_Nirwana/2ugifqc.png), progress;

sehingga menjadi seperti ini;

body {
    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    cursor: url(http://i1215.photobucket.com/albums/cc519/Auguste_Nirwana/2ugifqc.png), progress;
    }

a:link {
    color:$linkcolor;
    text-decoration:none;
    }

a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }

a:hover {
    color:#000;
    text-decoration:underline;
    cursor: url(http://i1215.photobucket.com/albums/cc519/Auguste_Nirwana/Element2.gif), progress;
    }

Keterangan:
Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. Sobat bisa merubah url (kode warna biru) gambar untuk cursor pada blog sobat sesuai dengan keinginan sobat, atau sobat bisa cari url cursor di http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/;

5. Kemudian simpan template sobat dan lihat hasilnya.

Terakhir, ada cara lainnya yang tidak perlu edit template namun pernah saya coba dan hasilnya gagal tapi dicoba saja dulu mudah-mudahan berhasil.

1. Log ini ke akun blogger sobat;
2. Pilih menu Rancangan » Elemen Laman;
3. Kemudian pilih Tambah Gadget, terserah mau sobat letak dimana;
4. Pilih HTML/JavaScript;
5. Tambahkan kode berikut ini;

<style type="text/css"> body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;} </style>

Atau

<style type="text/css"> body {cursor: url(http://i52.tinypic.com/2ugifqc.png), progress;}
a:hover { cursor: url(http://www.123cursors.com/freecursors/1572.ani), progress;}<style>

6. Kemudian simpan template sobat dan lihat hasilnya.

Demikian sharing kita kali ini tentang Cara Mudah Mengganti Cursor di Blogger, semoga bermanfaat.

Good luck...!!!