Mengganti Cursor Blog Tanpa Javascript

Dalam posting kali ini Rey mengubah kursor, coba Anda lihat. Pernahkah Sobat berkeinginan mengganti tampilan cursor mouse di Blognya? Kemudian menemukan cara dengan memasang javascript. Ketahuilah Sobat, penggunaan javascript yang berlebihan akan membebani loading blog Sobat. Untuk itu, Rey berikan alternatif dengan memasang CSS atau HTML. Dengan menggunakan CSS performa blog kita akan lebih ringan daripada selalu menggunakan javascript. Ikuti langkah mudah dan praktis dari Rey berikut ini.

 

Untuk Anda yang menggunakan wordpress, tambahkan sedikit kode di bawah ini pada file CSS Anda. Buka editor tema, dan copas kode dibawah ini ke style.css tema yang Anda gunakan.

 

WP CSS

/* Start http://reyzha.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1031.cur), progress !important;} /* End http://reyzha.com */

 

Sedangkan untuk Sobatku yang menggunakan blogspot, tambahkan sedikit kode di bawah ini pada file editor HTML template Anda. Buka pengaturan template, dan edit HTML, scroll ke bagian paling bawah. Kemudian copas kode dibawah ini tepat sebelum tag </html> (penutup).

 

BLOGGER HTML

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1031.cur), progress;}</style><a href="http://reyzha.com/mengganti-cursor-blog-tanpa-javascript.html" target="_blank" title="Mengganti Cursor Blog Tanpa Javascript"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

 

Gunakan alternatif CSS untuk menggantikan penggunaan javascript dalam kostumisasi tampilan tema. Jika menginginkan berbagai jenis kursor lainnya, silakan sobat pilih di Cursor4U. Ada berbagai macam kursor di sana, termasuk yang animasi lengkap beserta kodenya. Atau jika butuh bantuan untuk membuat kursor sendiri dengan gambar pilihan Sobat, silakan hubungi saya. Baiklah, selamat mempraktekkan, dan salam... :)