Cara merubah cursor icon di blog

Selamat datang di Blog Nurhidayat Constantine

Cara merubah cursor icon di blog sebenarnya sangat mudah. Pasti di antara teman-teman banyak yang sudah tahu caranya, namun jika ada anda belum tahu caranya dan ingin mengetahui caranya, saya akan memberikan cara merubah cursor icon di blog untuk anda.
Sebelum menjelaskan cara merubah cursor icon, sebaiknya saya jelaskan dahulu apa itu cursor icon. Cursor icon (ikon kursor) merupakan icon (gambar) dilayar komputer, PC, Laptop, dll untuk menujukan bagian dari halaman situs web atau blog yang dapat digerakan menggunakan mouse pada PC. Secara default gambar cursor adalah tanda panah dan gambar telunjuk saat kursor berada diatas link.
Bagi teman-teman pembaca blog http://arie.my.id/blog yang suka akan desain dan jika mengingikan sesuatu yang beda dan unik, mungkin akan sangat menyukai tips ini, dan berikut cara merubah cursor icon di blog.
1. Silahkan copy script css berikut :

<style type="text/css">
body {cursor:url(Masukan url atau alamat gambar disini),default}
</style>

2. Ganti tulisan berwarna biru dengan url/alamat gambar cursor, contoh :

<style type="text/css">
body {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRVhX4r8SBfRDyK8q_mcGQ8Uwbr3gEqFKG7_Z95NeV0RVyLtBjEqg4WNDkeIYofAhBWUkevQ0YZAMbzhKO5ClR-pyxVOivLszOYlTawoGeEOd9rQZRkbqUYSTkDhAVq0Tvz6iq9zR4xSU/s128/Teori%20Ngeblog%20CURSOR%201.gif),default}
</style>

3. Paste script tersebut di tempat anda dapat menyimpan script css. Misalnya untuk pengguna wordpress, pilih menu appearance » widgets » kemudian tambahkan (paste) script pada widget text. Untuk pengguna blogger atau blogspot bisa dengan edit template atau dengan klik menu “tata letak” di dasbor blogger.com kemudian klik tambah gadget » html/javascript, paste kode kemudian simpan. Selesai…
Intinya anda hanya perlu menambahkan sedikit script css, dan meletakannya ditempat anda dapat menyimpan script css (di website atau blog). Untuk mencari berbagai gambar cursor icon bisa dicari di http://www.cursorwiz.com, atau silahkan membuat cursor icon sendiri.
Advanced (hanya untuk pilihan):
1. Script diatas hanya mampu merubah icon tanda panah, namun ketika kursor berada di atas link, gambarnya akan tetap gambar telunjuk, untuk merubah gambar telunjuk menjadi gambar sesuai keinginan, tambahkan script menjadi seperti berikut :

<style type="text/css">
body {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRVhX4r8SBfRDyK8q_mcGQ8Uwbr3gEqFKG7_Z95NeV0RVyLtBjEqg4WNDkeIYofAhBWUkevQ0YZAMbzhKO5ClR-pyxVOivLszOYlTawoGeEOd9rQZRkbqUYSTkDhAVq0Tvz6iq9zR4xSU/s128/Teori%20Ngeblog%20CURSOR%201.gif),default}
body a{cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSmrBMljnra1sy7SluhAdJ8jwl_99a6-eNFDHE-9uD9Wh3aaYxuXxdhBtzg7cTvTHsnLyesGympBhN5FU5xNi8rc8vryRFk1KTpyZW0hwImkgSEhoqhILL6voZsW2klYXmAjnjydqNcWJP/s400/Mycursor.png),pointer}
</style>

2. Perhatikan tulisan berwarna biru dan hijau, anda dapat mengganti tulisan tersebut untuk merubah gambar cursor icon lainnya, misalnya merubah cursor icon jam pasir dll. Untuk merubahnya silahkan pelajari di http://www.javascriptkit.com/dhtmltutors/csscursors.shtml, juga pelajari css untuk perubahan elementnya.
Itulah cara merubah cursor icon di blog, silahkan baca tips lainnya di blog ini. Terima kasih telah membaca cara merubah cursor icon di blog.