Sabtu, 08 November 2014

Cara mengubah cursor mouse di blog

HI I'm back :\/ di postingan kali ini gue bakal ngasih tips lagi, yah sesuai judul lah tips nya.
Maksudnya, bisa diliat ketika kalian masuk ke blog gue. Cursornya beda dari yang biasa kan? Nah cara nya itulah yang akan gue posting sekarang. Ternyata caranya sangat gampang loh. Simak artikel ini.


Cara mengganti cursor mouse pada blog masing-masing
1. Seperti biasa. login ke blog kalian masing-masing, jangan ke blog orang.
2. Klik bagian Layout / Tata Letak.
3. Klik Tambahkan Gadget dimana aja suka-suka kalian. Karena yang diubah cursor, letak gadget tidak akan berpengaruh.
4. Pilih HTML/Java Script (yang dilingkari)
5. Copy kode dibawah ini lalu paste di java script tersebut.
<style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAbOAgENhnp8F5XHlxhyDNpMY1MKdKgONku-PGnVQltHC9CEuqek-vLzud3HcZiC6NfIg3rIn34jtxiQtuzZq-w6kB457a7X_aCP3da4CCc5g2TaWEOEyWvVHUn7nRVCqqYdujTPJcPhyphenhyphenl/s1600/jasablogsitus-web-id.gif"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAbOAgENhnp8F5XHlxhyDNpMY1MKdKgONku-PGnVQltHC9CEuqek-vLzud3HcZiC6NfIg3rIn34jtxiQtuzZq-w6kB457a7X_aCP3da4CCc5g2TaWEOEyWvVHUn7nRVCqqYdujTPJcPhyphenhyphenl/s1600/jasablogsitus-web-id.gif"), auto;}</style>

Catatan: kode script tersebut yang berwarna merah dapat diganti dengan alamat url cursor yang kalian inginkan. Untuk memilih kursor yagn disuka, silakan kunjungi web ini.

6. Simpan perubahan tersebut.

Beberapa contoh cursor yang gue ketemu. Cukup copy url nya, terus hapus url merah di kode script, paste pake kode url cursor yang kalian mau.

  1. http://cur.cursors-4u.net/cursors/cur-10/cur949.png
  2. http://cur.cursors-4u.net/cursors/cur-3/cur201.png
  3. http://cur.cursors-4u.net/cursors/cur-4/cur395.png
  4. http://cur.cursors-4u.net/cursors/cur-11/cur1027.png
  5. http://cur.cursors-4u.net/symbols/sym-6/sym549.png
  6. http://cur.cursors-4u.net/cursors/cur-1/cur15.png
  7. http://cur.cursors-4u.net/special/spe-1/spe19.png
  8. http://cur.cursors-4u.net/cursors/cur-2/cur197.png

Sekian post dari gue kali ini. Sekali lagi kalau ada masalah/kendala dalam menerapkan isi postingan ini, bisa comment dibawah bakal gue bantu dan terimakasih karena sudah berkunjung ke blog gue yang sederhana ini :\/

Tidak ada komentar:

Posting Komentar