Tutorial Blogger : CARA MENGUBAH GAMBAR KURSOR PADA BLOGGER

Yeah... pada kesempatan kali ini, saya akan membahas tentang cara mengubah kursor. Apa itu kursor ?? Apa ada yang bingung ?? Belum tahu apa yang dimaksud dengan kursor ?? Keterlaluan yaa.. kalau tidak tahu hehe... Baik, saya jelaskan sedikit mengenai kursor.

Dalam teknologi komputasi, kursor merupakan anak panah atau penunjuk pada monitor komputer, web dan lainya atau peranti tampilan lain yang akan merespons masukan dari suatu masukan teks atau peranti penunjuk yang berfungsi untuk melakukan perintah dari mouse. ( Liat contoh pada gambar )

Ini merupakan gambar tampilan kursor pada umumnya

Sedangkan yang ini, ini adalah tampilan kursor bergambar animasi.

 

Tampilan kursor animasi

Nah, untuk mengubahnya... ikuti langkah-langkah di bawah ini :

• Login atau masuk ke blogger kamu
• Masuk ke Dashboard >> Design >> Page Element
• Add a gadget dan pilih HTML/JavaScript
• Copy Paste kode di bawah ini

Kode 1 : 

Mengubah kursor tapi tidak mengubah ketika menyorot link

<style type="text/css">
body{cursor: url("http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png"), auto;}
</style>

Kode 2 : 

Mengubah kursor walaupun saat menyorot link

<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>

Ganti tulisan yang berwarna merah dengan link URL gambar kamu. 

Cara lainnya, dengan menambahkan kode kursor dan link url gambar di edit HTML sbb :

• Login blogger => Dasbor => Rancangan/Design => Edit HTML.
• Tekan CTRL+F, akan muncul sebuah box di bawah layar.
• Nah, di sana, tekan body { background => tambahkan cursor: url("URL GAMBAR CURSOR"),default;
• Ganti URL gambar cursor tadi dengan cursor yang kalian inginkan.

Liat contohnya :


           body {

            background: #FFFFFF
 url ("http://owner.bp.blogspot.com/_A_BXOSXleOY/TGDZD8lH40/AAAAAAAAAdA/oQWRDu9kvLo/s1600/top.gif") repeat-x;
            color: #332147;
            text-align:center;
            font:11px/18px Verdana, Arial, Helvetica, sans-serif;
            margin: 0px auto 0px;
            padding: 0px; cursor: url ("http://cursors5.totallyfreecursors.com/thumbnails/aangx.gif) ,default;
}

Berikut beberapa link url kursor yang saya dapatkan dari hasil search di google images :

http://i1079.photobucket.com/albums/w504/widgetandtutorial/1582881zs6zilgj00-1.gif

http://cur.cursors-4u.net/nature/nat-11/nat1033.gif

http://ak.imgfarm.com/images/cursormania/files/18/9242a.gif

http://i1079.photobucket.com/albums/w504/widgetandtutorial/1263904ddze9bqihs.gif

 

http://cur.cursors-4u.net/holidays/images4/hol321.gif

Tidak puas dengan link url gambar kursor diatas...?! Anda dapat mencari gambar kesukaan Anda sendiri di website ini TOTALLY FREE CURSORS dan CURSORS-4u atau mendownloadnya disini FREE CURSORS.

***