24 C
id

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. Memang unik dan lucu bagi yang ingin mengkustom kursor di dalam website dan blog kita.

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeJJuBQbCdB2f6CiDKfdyHwhJC3HYH7FiT-Zs7qCAwyHAMQz74DJ_J5zuM7g24dV3_uDaEhCb4_AusZtG2lbaKkmWnSnnJEnAmQP1gq9SdA9GA1hPENZ0NSa9C7IU2MB-0X_UjsNM73-F/"), auto;}
</style>

  •  Mengubah kursor serta tetap berubah walau di sorot ke arah link
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeJJuBQbCdB2f6CiDKfdyHwhJC3HYH7FiT-Zs7qCAwyHAMQz74DJ_J5zuM7g24dV3_uDaEhCb4_AusZtG2lbaKkmWnSnnJEnAmQP1gq9SdA9GA1hPENZ0NSa9C7IU2MB-0X_UjsNM73-F/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeJJuBQbCdB2f6CiDKfdyHwhJC3HYH7FiT-Zs7qCAwyHAMQz74DJ_J5zuM7g24dV3_uDaEhCb4_AusZtG2lbaKkmWnSnnJEnAmQP1gq9SdA9GA1hPENZ0NSa9C7IU2MB-0X_UjsNM73-F/"), 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:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeJJuBQbCdB2f6CiDKfdyHwhJC3HYH7FiT-Zs7qCAwyHAMQz74DJ_J5zuM7g24dV3_uDaEhCb4_AusZtG2lbaKkmWnSnnJEnAmQP1gq9SdA9GA1hPENZ0NSa9C7IU2MB-0X_UjsNM73-F/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQAmHCKTo_SMWWzLKi_4Fka2puBiYnWtKcrCM3BMP2R8IYRukUoDp_35TYmeO2636d0yQyW2pnzJvqHkUqg-BMKkFz0KjH2jr4wKdQ6lbhm000FgIEeJ2_8ZfBou2Sxaw4TG_RChWkX4k/s400/bat_banana_t4belajarblogger.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwdffo5u0LE2lxR_hodRkbkyPvJK8ZzXshjp4nsgpxcyko78H56fp5AbimlMVX6pB0jiUhNfAafVfi6rW2nwuF1u9-JSplSVoFsw9ix2qyWWXMkkR_oNE_qbd6I1yJfOzHwCsb8LsuM4/s400/bird_hair_t4belajarblogger.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93sbRgOSb2BQh0gU_OJXOPATKsFn0fuWduiil-YlsnYqpoxy3QnW-OxgzmT0bg79rSNidgG-YIUcRlnSfMr3tpEKsK5ptSUNOhuWmsxBpLpk6PK3R4E4oJxLbH6bTX2Qz7Cxv5I3tEVE/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.

Postingan Lama
Postingan Lebih Baru
Bagus Prehantoro Business Enthusiast

Posting Komentar

Ads Single Post 4