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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFLUQOCo5ZX8sNdgdCaNIL2-sR2KPQNEw9S9-mqziXE-S5JND7ISyWkobosLRzDoR-mAEkkRDgVvelU1nmLNLDgXyktrE0QM1sRRtnQNVVf9jvBfIbNQjEMcGv451Wr34u9Bl8dzt4OQY/"), 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/AVvXsEjYFLUQOCo5ZX8sNdgdCaNIL2-sR2KPQNEw9S9-mqziXE-S5JND7ISyWkobosLRzDoR-mAEkkRDgVvelU1nmLNLDgXyktrE0QM1sRRtnQNVVf9jvBfIbNQjEMcGv451Wr34u9Bl8dzt4OQY/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFLUQOCo5ZX8sNdgdCaNIL2-sR2KPQNEw9S9-mqziXE-S5JND7ISyWkobosLRzDoR-mAEkkRDgVvelU1nmLNLDgXyktrE0QM1sRRtnQNVVf9jvBfIbNQjEMcGv451Wr34u9Bl8dzt4OQY/"), 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 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/AVvXsEjYFLUQOCo5ZX8sNdgdCaNIL2-sR2KPQNEw9S9-mqziXE-S5JND7ISyWkobosLRzDoR-mAEkkRDgVvelU1nmLNLDgXyktrE0QM1sRRtnQNVVf9jvBfIbNQjEMcGv451Wr34u9Bl8dzt4OQY/
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNwXJCCzvLiRLcu2H4FNSkeLXy8LJdjVThQgkKBA9IDwtndKYX_wJYyW2Ub6EoJGjvaglHKMAJ_r8nbcALwmssD08ASL_5lXbEoX0I8V-_J2c-ncNjMaExWkoz7YWgs79g1gOry-rzdQ/s400/bat_banana_t4belajarblogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrSGvDtP8dFqh3gy_RbyVijnahgw44wRmG1y_2BXyQjf9pwfD93f88OYy3Z94B31C_RaC9DVSecvVnd3vWbCpmPJaQ12GUa4pFk2hb8CrJPnvFRhVIWt65gG672Vp0E8R4JFNHYWEosI/s400/bird_hair_t4belajarblogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6tEybu_s7ggGGvg5rTduXpONA0SAEKYXf3Lym5yryoN7pBLPmyBMpwqDnSlp4yk0dy1qLm8SO1R7zfmHwXlkvhfBSmkapYFgjJHN8vfjSMjJ_-iW0zoynVagzMROYLe3rEehyphenhyphenRIv9_M/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.
Good Luck :)
wew keren sob!
BalasHapusThanks ye!
Seepp
Hapus