Selasa, 22 Mei 2012

Cara Mudah Mengganti Cursor di Blog + Koleksi Cursor - Widget and Tutorial

Sunday, May 13, 2012

Cara Mudah Mengganti Cursor di Blog + Koleksi Cursor


Kali ini Widget and Tutorial bakal membagikan tutorial tentang cara mengganti kursor di blogspot. Caranya mudah kok. Langsung praktik aja yuk. Begini langkahnya :

  • Login blogger kamu
  • Masuk ke Dashboard >> Design >> Page Element
  • Add a gadget dan pilih HTML/JavaScript
  • Copy Paste kode di bawah 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 ungu dengan link URL gambar kamu.

Berikut adalah link kursor koleksi saya (untuk mendapatkan link URL nya, klik kanan pada gambar >> Copy image URL) :



1 comments:

Dn Ans Hoki said...

mantab tutornya simpel dan tokcer, harusnya begini tutor di blogger. blognya juga rame neh asyik.
btw klo memperkecil/mengurangi ukuran tinggi kotak komentar bawaan blogger ini gmn ya?
share caranya/kodenya dong. trims bgt sbelumnya.
salam kenal ya.

Post a Comment

Leave your comment here ^-^

Related Posts Plugin for WordPress, Blogger...

Template by: