Tutorial Blog
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.
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.
Posting Komentar
Berkomentarlah dengan Bijaksana, spamming tidak akan pernah di publish