Mas Nirwana Blog

Sebenarnya ada banyak banget sob cara buatnya. Pada kesempatan kali ini saya ingin share beberapa langkah-langkah yang saya ketahui. 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 dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaik nya kamu Download Tempelate Lengkap kamu)

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

3. Seteleh ketemu letakkan Script dibawah ini di bawah kode body {
cursor:url("http://i54.tinypic.com/97s4z7.png"),text;

4. Simpan dan selesai.

Ada cara lain namun agak sedikit mirip dengan yang sebelumnya. Silahkan dicoba saja.
1.    Log ini ke akun blogger sobat;
2.    Pilih menu Rancangan » Edit HTML;
3.    Beri tanda centang pada tulisan Expand Template Widget;
4.    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://i54.tinypic.com/97s4z7.png), progress; sehingga menjadi seperti ini;
body {
    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    cursor: url(http://i54.tinypic.com/97s4z7.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://i52.tinypic.com/2ugifqc.png), progress;
    }
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.
5.    Kemudian simpan template sobat dan lihat hasilnya.

Selanjutnya ada cara lainnya namun pernah saya coba dan hasilnya gagal gan tapi dicoba saja dulu, semoga beruntung.
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://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.


Sobat bisa merubah url ( kode warna merah ) 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.

Demikian sharing kita kali ini, semoga bermanfaat.
Good luck.