Cara Mengganti Kursor Blogspot. Agak lambat ya sebenarnya,,, kenapa gak dari dulu posting tentang ini..*faktor malas* hihihi.. Tapi okelah kebetulan buat teman-teman yang baru mulai blogging sekarang kita akan membahas tentang cara mengubah tampilan kursor yang ada di
blog kita.
Bagi sobat yang ingin
mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya
melalui langkah-langkah berikut: Jangan terlalu tergesa-gesa.... hehehe...
1. login lah ke akun blogspot/blogger teman terlebih dahulu
2. kemudian 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/AVvXsEjZx8v2J79K5bXV_0S_uS9Zg9ipfaM3CNPm64PFgHJjxY43sYWRnDu7yK-p1UlLdp71ASt-BLEWLDthBIe9U-H4qEglkMGQ2mYeB0ree9phI83onv5qdKDpg2jBWO-Fno6KwVcXOBiMM3Tm/"), auto;}
</style>
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZx8v2J79K5bXV_0S_uS9Zg9ipfaM3CNPm64PFgHJjxY43sYWRnDu7yK-p1UlLdp71ASt-BLEWLDthBIe9U-H4qEglkMGQ2mYeB0ree9phI83onv5qdKDpg2jBWO-Fno6KwVcXOBiMM3Tm/"), 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/AVvXsEjZx8v2J79K5bXV_0S_uS9Zg9ipfaM3CNPm64PFgHJjxY43sYWRnDu7yK-p1UlLdp71ASt-BLEWLDthBIe9U-H4qEglkMGQ2mYeB0ree9phI83onv5qdKDpg2jBWO-Fno6KwVcXOBiMM3Tm/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZx8v2J79K5bXV_0S_uS9Zg9ipfaM3CNPm64PFgHJjxY43sYWRnDu7yK-p1UlLdp71ASt-BLEWLDthBIe9U-H4qEglkMGQ2mYeB0ree9phI83onv5qdKDpg2jBWO-Fno6KwVcXOBiMM3Tm/"), auto;}
</style>
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZx8v2J79K5bXV_0S_uS9Zg9ipfaM3CNPm64PFgHJjxY43sYWRnDu7yK-p1UlLdp71ASt-BLEWLDthBIe9U-H4qEglkMGQ2mYeB0ree9phI83onv5qdKDpg2jBWO-Fno6KwVcXOBiMM3Tm/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZx8v2J79K5bXV_0S_uS9Zg9ipfaM3CNPm64PFgHJjxY43sYWRnDu7yK-p1UlLdp71ASt-BLEWLDthBIe9U-H4qEglkMGQ2mYeB0ree9phI83onv5qdKDpg2jBWO-Fno6KwVcXOBiMM3Tm/"), auto;}
</style>
SALAH SATU KODE DIATAS SESUAI APA YANG TEMAN INGINKAN
4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"
CATATAN:
Teman bisa mengganti link yang telah ditandai warna biru dengan link gambar kursor sesuai keinginan sobat. dibawah ini ada beberapa link gambar kursor yang pernah saya coba dan gunakan:
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ2bAH6kVyHCdLO-qJHTa0mOk9j959nwLe8g_df-ATc7JcpMTJu4NFf2JjUt7gM-tqpCoDk6CmNSihYfECoB7n9CBU_IzJEdLOsyWD0Quqd36VKKN1GXKMzFn9xjPrO-xzf96Nb-TW_lw/s400/bird_hair_t4belajarblogger.png
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNEUmy0NLnakH57XbmYQx1eAS9Bc76uIw9dJgyRHyUpgZz5kwyHEHCE1sjHc5f3Te-xDuGEMbi6tB-gL0xIcfBsMatIS6avYyl4xMEgHoRrh0zNn3hbOXafsejI-VDXUZwBnI7BciSgo/s400/guitar_banana_t4belajarblogger.png
Jika kurang puas dengan yang telah ada, hehehe... silahkan teman browsing tanya sama om google.... ;P
Semoga bisa memberikan tambahan untuk mempercantik blog teman-teman...
siip :)
BalasHapusMkasih mbak'e :)
BalasHapus