Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot. Kali ini kita akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat masih penasaran dengan yang dimaksud mengubah kursur, maka silahkan untuk memperhatikan kursor blog ini terlebih dahulu. Bagaimana? Menarik bukan....?
1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"
3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:
a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4Rd-Cz_OxzzJaf25uMdR3dWB6_oeMyVZBoV_H2Z-GgRJZjoczuvZx4LFpNR1A6CLDsXUX566sOH7hF6lVDHfigf7Meep0qUPSxoJfhiShgDFryBGh_CudOrP76dqT8GqwhyphenhyphenYLdW7LOAR/"), auto;}
</style>
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4Rd-Cz_OxzzJaf25uMdR3dWB6_oeMyVZBoV_H2Z-GgRJZjoczuvZx4LFpNR1A6CLDsXUX566sOH7hF6lVDHfigf7Meep0qUPSxoJfhiShgDFryBGh_CudOrP76dqT8GqwhyphenhyphenYLdW7LOAR/"), auto;}
</style>
b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4Rd-Cz_OxzzJaf25uMdR3dWB6_oeMyVZBoV_H2Z-GgRJZjoczuvZx4LFpNR1A6CLDsXUX566sOH7hF6lVDHfigf7Meep0qUPSxoJfhiShgDFryBGh_CudOrP76dqT8GqwhyphenhyphenYLdW7LOAR/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4Rd-Cz_OxzzJaf25uMdR3dWB6_oeMyVZBoV_H2Z-GgRJZjoczuvZx4LFpNR1A6CLDsXUX566sOH7hF6lVDHfigf7Meep0qUPSxoJfhiShgDFryBGh_CudOrP76dqT8GqwhyphenhyphenYLdW7LOAR/"), auto;}
</style>
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4Rd-Cz_OxzzJaf25uMdR3dWB6_oeMyVZBoV_H2Z-GgRJZjoczuvZx4LFpNR1A6CLDsXUX566sOH7hF6lVDHfigf7Meep0qUPSxoJfhiShgDFryBGh_CudOrP76dqT8GqwhyphenhyphenYLdW7LOAR/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4Rd-Cz_OxzzJaf25uMdR3dWB6_oeMyVZBoV_H2Z-GgRJZjoczuvZx4LFpNR1A6CLDsXUX566sOH7hF6lVDHfigf7Meep0qUPSxoJfhiShgDFryBGh_CudOrP76dqT8GqwhyphenhyphenYLdW7LOAR/"), auto;}
</style>
SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN
4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"
PENTING:
Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya:
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPCH5mY0vb8MmbC1rlZDewnRI2M_LdPh4Y7lNGTWb5fzsL9O20bRyz5K1-e1Vb4OL3PzXQLYDjcuiOQWGVW-tre9GcG7WDIDEL5d1ToZM9Um3cLLqofvXrRqkQoZcnPxdv2KH-pB2l5Rs/s400/bat_banana_t4belajarblogger.png
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhbCybOhntDXBOnWz14vrY8GOeWby5eM6jzuBtSm7GoFvBjUuvkQis2S8p95GziuuA_fqtO6GlQzG-hfIPAuQZwBNODh9qx3bb_QsRrALwWLn_hzlwSdwW6nYBvq-Myh7gxZpRnp9aqhI/s400/bird_hair_t4belajarblogger.png
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYaTUx-n69s6ZK4YxmH6SZ3C-0lVaaxdazf0avViNO2cA7O0LwMF5WAjJjul3HHAMK4pA0-oULcUTvETB0BK6DvDLqKruOcA7aCkpDjMQkdOP_rOkCNp2ke0g-2mjGQJICMLTCLF61pg/s400/guitar_banana_t4belajarblogger.png
Untuk selebihnya sobat bisa mencarinya melalui Google... :D
Semoga bermanfaat. Keep blogging...
0 comments:
Post a Comment