Jumat, 23 November 2012

Cara Mengganti kursor pada blogger

kali ini saya akan membahas mengenai cara mengganti kursor (visual mouse) di blogger (blogspot).
caranya tidak begitu sulit, asalkan mengikuti langkah-langkah berikut ini :
  • log in pada akun bloggermu, 
  • kemudian masuk ke halaman edit blog.
  • lalu pilih "tata letak"
  • kemudian pilih "tambah gadget"

  • muncul kotak dialog, kemudian klik "HTML/Java Script"


  • kemudian copy paste salah satu kode script berikut ini :

Kode 1 : Mengubah kursor tapi tidak mengubah ketika menyorot link

<style type="text/css">
body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), 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.

lalu simpan, trus jadi deh icon kursor custom buatanmu :)

Selamat mencoba :)





*sebagai bonus, saya beri beberapa sampel URL kursornya..

http://i1079.photobucket.com/albums/w504/widgetandtutorial/1067012b6uayxs6vx.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/1582841jvd5ozi2bu.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/330658m8v492ivpa.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/330658m8v492ivpa.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/566838k2z565qk39.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/3093734yq6i213l7s.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/1973899dtnhv3hzm3.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/1263906dxzvwmsm1q.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/2028929qkwnb2ac8q.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/1582881zs6zilgj00-1.gif
http://i1079.photobucket.com/albums/w504/widgetandtutorial/1582881zs6zilgj00-1.gif

Tidak ada komentar:

Posting Komentar