Friday, November 5, 2010

Cara mengganti cursor dengan gambar

Bila kamu tidak suka dengan tampilan cursor yang biasa, kamu bisa ganti tampilan cursornya dengan sebuah gambar sesui yang kamu inginkan,misalnya gambar sehelai bulu. Silahkan yang mau ganti cursor dengan bulu bisa ikuti tips berikut ini :
  • Pertama : Save gambar bulu di bawah ini ke komputer kamu
  • upload gambar bulunya ke hosting gambar semisal photobucket. Kkalau belum punya, registrasi dulu ke photobucket misalnya.
  • Setelah gambar diupload, copy URL imagenya

Kemudian ikuti langkah berikut ini :
1. Login ke Blog.
2. Layout, Edit HTML.
3. Kalau sudah masuk, beri tanda centang pada "expand template widget"
4. Kalau sudah cari kode ini body {
5. Copas kode dibawah ini tepat di bawah kode tadi.

cursor: url("URL image kamu"), default;

Contohnya seperti ini:
body {
cursor: url("http://i873.photobucket.com/albums/ab299/handi_05/Downloada.gif"), default;
margin:0; padding:0;
line-height:1.5em;
font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;
color:#47443e; background:#4C1010;
}
6. Save, selesai

Lihat hasilnya di blog kamu ada sehelai bulu yang bergerak sesuai dengan gerakan mouse. Tidak cuman itu, masih banyak koleksi cursor yang lain. Kalau penasaran silahkan kunjungi situ ini.
Demikianlah cara mengganti cursor dengan sehelai bulu

Peringatan :
Teks yang berwarna merah jangan digunakan, hanya sebuah contoh saja.




BACA JUGA!
- Membuat banner berjajar secara horisontal
- Cara agar Postingan Baru Tidak Muncul Di Halaman Utama
- Cara membuat menu pull down blogger
- Menonaktifkan klik kanan mouse pada blog
- Membuat recent post fungsi scroll dengan javascript
- Membuat judul posting berkedip
- Cara memasang emotion pada komentar blog
- Memasang Emotion pada Blogger
- Kode CSS Border Padding dan Margin
- Cara memasang form email berlangganan dari feed burner google
- Cara memasang widget pagerank
- Membuat sidebar dalam kotak yang terpisah

No comments:

Post a Comment

 

Sponsor