Ketika kita sedang jalan - jalan di dunia maya atau sedang melakukan
blog walking, kita sering jumpai blog milik sahabat kita yang mempunyai
tampilan kursor yang berbeda dari default nya
Pada postingan kali ini saya akan berbagi tips cara untuk Mengubah Tampilan Kursor Mouse dengan Gambar Kustom pada Blog,
kita juga bisa membuat gambar sendiri seperti halnya yang Anda lihat
pada blog ini, saya mengganti tampilan kursor dengan gambar tumbuk
pinggang. atau kita juga bisa mendapatkan gambar - gambar yang menarik
untuk tampilan kursor / mouse pada situs yang menyediakannya seperti www.totallyfreecursors.com
Jika Anda tertarik untuk mengubah tampilan kursor / mouse pada blog
anda, maka silahkan perhatikan dan praktekkan langkah-langkah berikut
ini:
- Buatlah gambar sesuai dengan keinginan Anda dengan ukuran yang kecil (usahakan tidak lebih dari 2 kb maksudnya adalah agar loading Blog Anda tidak berat) dengan format jpeg, gif, atua png, atau anda bisa dowload gambar untuk tampilan kursor di www.totallyfreecursors.com dan pilih yang sesuai dengan selera Anda
- Upload lah gambar kursor Anda di blogspot (baca postingan Cara Menyisipkan Gambar pada Postingan Blog ) kemudian ambil alamat url gambar yang Anda upload simpan di word editor seperti NotePad sebagai backup
Langkah berikutnya adalah memasang kode css script ke template blog Anda, adapun langkahnya adalah sebagai berikut:
- Login ke Akun Blogger Anda
- Pilih Menu "Template" dan jangan lupa back up template dengan cara klik "cadangkan/pulihkan" dipojok kanan atas kemudian klik"unduh template lengkap" dan simpan template
- Langkah berikutnya adalah klik "Edit HTML", kemudian centang "Expand widget"
- Cari kode </head> pada Template Blog Anda, untuk mempermudahnya gunakan Ctrl + F
- Copy kode CSS dibawah ini dan letakkan tepat
diatas kode </head> .
<style type='text/css'> HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1PxKl84L6EcNdLbJf66P41xuqjBsl9OzvWHeimLmEBkA6sh5XkB2iU8mG2ahyphenhyphenGReFFzdGJb4yIBoZcLCWd1rdu5FuzYLcu6LtPBiZOGDlqz9ZOsVzkMqIBbtvhpHZQwHSRNzHI1yldWmT/s400/marawis.png"), auto;} </style>
- Ganti kode yang berwarna merah diatas (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1PxKl84L6EcNdLbJf66P41xuqjBsl9OzvWHeimLmEBkA6sh5XkB2iU8mG2ahyphenhyphenGReFFzdGJb4yIBoZcLCWd1rdu5FuzYLcu6LtPBiZOGDlqz9ZOsVzkMqIBbtvhpHZQwHSRNzHI1yldWmT/s400/marawis.png) dengan alamat url gambar kursor/mouse yang telah anda upload
- Simpan Template Anda, kemudian lihat hasilnya.
Demikian postingan kali ini tentang cara Mengganti Tampilan Kursor Mouse Gambar Kustom pada Blog, semoga dengan mengubah tampilan kursor/mouse, blog Anda akan terlihat lebih menarik bagi para pengunjungnya.
Maaf jika ada kesamaan,, referensi ini juga di ambil dari bloger lainnya terima kasih.
