Pages

Jumat, 30 November 2012

Cara Mengedit Tampilan Kursor pada Blog

hai teman-teman, kali ini kita akan membahas "Cara Mengedit Tampilan Kursor pada Blog".

Bila kalian bosan dengan tampilan kursor di blog kalian, pada umumnya kan hanya berbentuk panah putih. nah kalian pengen ganti kursor yg lebih menarik? sobat bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan.

Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. 
Berikut langkah-langkahnya:

1. log in dulu dong ke blogger.com
2. cari dan klik 'tata letak'
3.  pilih 'tambah gadget' lalu cari dan pilih 'HTML / Java Script' dan pastekan kode yang kalian punya.
contoh kode kursor :  (kalian bisa coba)
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-6/foo507.ani), url(http://cur.cursors-4u.net/food/foo-6/foo507.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/28/lucky-charms-rainbow.html" target="_blank" title="Lucky Charms Rainbow"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lucky Charms Rainbow" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1033.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1033.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/red-bobblehead-bunny.html" target="_blank" title="Red Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi215.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/13/girl-happy-rage-face-comics.html" target="_blank" title="Girl Happy  - Rage Face Comics"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Girl Happy  - Rage Face Comics" style="position:absolute; top: 0px; right: 0px;" /></a>

4. jangan isi kotak 'judul', langsung saja SIMPAN.

nah sesudah itu teman-teman bisa lihat blog dengan tampilan kursor yang baru deh ! :)
selamat mencoba yaa !
*untuk ingin lebih banyak memilih variasi kursor, di sini saja --> http://www.cursors-4u.com

Tidak ada komentar:

Posting Komentar