Friday, April 26, 2013

Cara Mengganti Kursor Blogger

Cara Mengganti Kursor Blogger - Kali ini saya akan membahas cara mengganti atau mengubah tampilan kursor. Apa sih kursor?? Kursor adalah anak panah kecil di layar yang akan bergerak ketika kita menggerakkan mouse.

Sekarang sudah tahu kan apa itu kursor, sekarang kita menuju ke tutorial Cara Mengganti Kursor Blogger:
1. Pertama Login dulu ke Blogger.com
2. Lalu klik menu Layout
3. Add gadget atau tambah gadget
4. Lalu pilih HTML/JavaScript
5. Copy dan pastekan kode berikut di kotak HTML/JavaScript

  • Kode kursor 1: mengubah kursor tapi tidak merubah kursor ketika menyorot link
<style type="text/css">
body{cursor:url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-5sHPOG-yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
</style>

  •  Mengubah kursor serta tetap berubah walau di sorot ke arah link
<style type="text/css">
body{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-5sHPOG-yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
body a:hover{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-5sHPOG-yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
</style>
Keterangan:
Link yang saya beri warna merah bisa di ganti dengan url gambar kursor yang kamu inginkan

6. Jika sudah selesai klik Save atau Simpan.


cara mengganti kursor
Cara mengganti url gambar kursor yang kita inginkan:
1. Cari gambar kursornya dulu
2. Klik kanan gambar kursor yang telah kamu cari, lalu pilih salin url gambar atau copy url image/gambar

Koleksi gambar kursor di lengkapi dengan url gambar:

http://lh5.ggpht.com/_RVpTV2JOOxA/S-5sHPOG-yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.gif


http://2.bp.blogspot.com/-x1ohxvir2bw/T08VTHrE3LI/AAAAAAAAEKw/L9hJO2gxuDo/s400/bat_banana_t4belajarblogger.png


http://4.bp.blogspot.com/-BRNyRH3BVOs/T08VTbl5eoI/AAAAAAAAEK4/XB3bvnqYMqs/s400/bird_hair_t4belajarblogger.png


http://4.bp.blogspot.com/-mFT5x5kOXVg/T08VTbrBSWI/AAAAAAAAELI/JiP3Dzv4IyQ/s400/guitar_banana_t4belajarblogger.png


http://i1079.photobucket.com/albums/w504/widgetandtutorial/1582841jvd5ozi2bu.gif


http://dl10.glitter-graphics.net/pub/1582/1582990odfkyy0o4b.gif


Jika kurang cocok kamu bisa cari sendiri, banyak kok di internet atau kamu bisa buat gambarnya sendiri. :)
Semoga tutorial sederhana mengenai Cara Mengganti Kursor Blogger ini bisa bermanfaat untuk kamu.

Related Posts

Cara Mengganti Kursor Blogger
4/ 5
Oleh