Cara Merubah Tampilan Kursor Pada Web / Blog

Cara Merubah Tampilan Kursor Pada Web / Blog

Merasa bosan dengan tampilan kursor default atau bawaan komputer anda? Bah, kali ini aku akan coba share cara merubah tampilan kursor tersebut, setelah tempo hari memposting tentang cara memberi efek marquee pada gadget. Adapun cara merubah tampilan kursor pada web/blog sobat ini sangatlah mudah dalam pengerjaannya, dan disini aku juga sengaja akan langsung sekaligus memberi 2 pilihan tampilan perubahan pada tampilann kursor web/blog sobat.

Yang pertama, tampilan kursor berubah-ubah. Artinya ketika kursor tersebut menyentuh sebuah link hidup, maka tampilannya akan kembali pada bentuk atau tampilan kursor default (bawaannya).

Yang kedua, kursor permanen. Kursor ini tidak akan berubah-ubah meskipun ketika menyentuh sebuah link hidup sekalipun, tipe tampilan kursor yang kedua ini adalah kebalikan dari tipe kursor yang pertama.

Oke, sekarang kita langsung saja pada cara pemasangannya kedalm web/blog sobat. 

Login kedalam dasbor blog

Pilih tata letak 

Pilih menambah gadget 

Pilih HTML/JavaScript.

 

Kemudian copy dan pastekanlah salah satu kode dibawah ini kedalm gadget HTML/Javascript. 

Kode untuk kursor berubah-ubah 

<style type="text/css">

body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzY94l5lxzWbvA2DgdyaZxaum39M6kUGHKsbiuB_YzUo8FdUPP7jr85Y_NOxM0Api49Fg2cgNyXMABdmwi80-1Db1ZzW-18_T1cMDmUOj8t9jb6f20hGYPdiGXjSnIyGpYihtyeJBZ2eS/s1600/modifkursor.gif"), auto;}

</style>

Kode untuk kursor permanent

 <style type="text/css">

body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzY94l5lxzWbvA2DgdyaZxaum39M6kUGHKsbiuB_YzUo8FdUPP7jr85Y_NOxM0Api49Fg2cgNyXMABdmwi80-1Db1ZzW-18_T1cMDmUOj8t9jb6f20hGYPdiGXjSnIyGpYihtyeJBZ2eS/s1600/modifkursor.gif"), auto;}

body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzY94l5lxzWbvA2DgdyaZxaum39M6kUGHKsbiuB_YzUo8FdUPP7jr85Y_NOxM0Api49Fg2cgNyXMABdmwi80-1Db1ZzW-18_T1cMDmUOj8t9jb6f20hGYPdiGXjSnIyGpYihtyeJBZ2eS/s1600/modifkursor.gif"), auto;}

</style>

Setelah menentukan salah satu kode diatas dan menyimpannya kedalam gadget, selanjutnya klik simpan gadget tanpa memberi judul pada gadget tersebut, dan selesailah sudah.!

Untuk melihat hasilnya silahkan buka web/blog sobat, maka tampilan kursor lama pada web/blog sobat seharusnya sudah berubah seketika itu juga. Demikianlah cara merubah tampilan kursor pada web / blog, semoga bermanfaat dan bye-bye….