Mengganti Tampilan Kursor Dengan Gambar

Cara Mengganti Tampilan Kursor Dengan Gambar - Mengganti kursor dengan icon berupa gambar (image) merupakan pilihan, memang tidak sedikit yang menggunakan pilihan tersebut karena dilihat dari tampilanya yang cukup beragam, baik segi icon kursor yang ditampilkan dan yang lebih penting kita bisa mengganti Nilai Properti Cursor dengan gambar-gambar sesuai pilihan, baik gambar yang berukuran besar, sedang ataupun ukuran kecil.

Menjawab pertanyaan pada postingan kemarin, betapa susahnya membuat satu gambar untuk mengganti tampilan icon kursor yang cocok, sedangkan kemampuan dalam menggunakan aplikasi gambar seperti Adobe Photoshop atau CorelDraw kurang begitu baik.

Situs Penyedia Gambar Untuk Kursor

Mudah-mudah ini bisa menjawab kegalauan kalian, situs penyedian gambar-gambar untuk mengganti tampilan kursor, pada situs tersebut tersedia banyak pilihan baik gambar animasi ataupun bukan animasi dan semuanya tersusun rapih sesuai dengan kategori, kita tinggal memilih jenis tampilan kursor yang ingin dipergunakan pada web atau blog.

Web http://www.totallyfreecursors.com merupakan situs penyedia layanan gambar yang cocok untuk mengganti tampilan icon kursor.

Cara Menggunakan

Setelah memilih dan menentukan icon gambar yang akan dipergunakan untuk mengganti tampilan kursor, maka akan diarahkan pada script yang bisa dipergunakan untuk mengganti tampilan kursor.

Contoh script pada situs tersebut saya ambil sebagai berikut:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Ace of Spades Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/acespades.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/acespades.gif"), auto;}</style>

Cara 1:

Masuk pada menu Layout Blogger - Add Gadget - HTML/Javascript - copy paste script tersebut diatas dan selesai.

Cara 2:

Masuk pada menu Edit Template Blogger, ambil link gambar kursor yang akan dipergunakan, sebagai contoh pada script diatas kita ambil link gambar kursornya saja seperti ini:

http://downloads.totallyfreecursors.com/thumbnails/acespades.gif

dan letakan atau tambahkan properti cursor pada:

body {
cursor: url(http://downloads.totallyfreecursors.com/thumbnails/acespades.gif),auto;
}

Biasanya style body berada pada posisi atas pada template atau lebih tepatnya dibawah <b:skin><![CDATA[

Save template.

DEMO

Dalam postingan ini hanya menampilkan satu situs penyedia gambar untuk mengganti tampilan kursor, mungkin pengunjung ada yang mengetahui situs manalagi penyedia gambar untuk mengganti tampilan kursor, saya mohon masukannya. Terima kasih.