Monday, January 4, 2016

Cara Mengganti Ikon Kursor di Blogger

Cara Mengganti Ikon Kursor di Blogger

Assalamu'alaikum warohmatullahi wabarokatuh. Baiklah dalam posting saya kali ini akan membahas tentang cara mempercantik tampilan blog, melakukan perubahan tampilan demi membuat pengunjung yang melihatnya tertarik pada blog kita. Saya akan membahas tentang bagaimana cara mengganti tampilan kursor di blog. Maksudnya yang bagaimana tuh? Jadi begini, ketika kursor melewati blog kita maka tampilan kursor tersebut akan berubah sesuai dengan keinginan kita.

Sebenarnya cara kerja tampilan kursor pada blog ini sederhana, dengan menggunakan kode CSS kita dapat mengatur sedemikian rupa tampilan yang diinginkan ketika kursor melewati bagian atas (hover) dari objek yang diatur oleh kode CSS tersebut. Jadi pada blog kita, kita dapat mengatur agar ketika kursor melintas di seluruh bagian halaman blog kita maka gambar kursor akan berubah dengan gambar lain sesuai keinginan kita.


Akan tetapi perlu sobat perhatikan bahwa hal tersebut hanya berlaku ketika kursor melintas di bagian atas halaman blog kita, tidak seluruhnya. Maka ketika pindah dari halaman blog kita atau keluar dari halaman blog kita, maka kursor pada perangkat yang bersangkutan akan berubah menjadi seperti sedia kala. Sebab jika untuk mengatur agar kursor berubah secara permanen tentunya itu tidak dibolehkan heheh.

Untuk menggantinya, pertama-tama silahkan copy kode dibawah ini kemudian letakkan diatas ]]></b:skin> atau dibawah kode <style>.

body{cursor: url("url-gambar"), auto;}
body a:hover{cursor: url("url-gambar-hover"), auto;}

Silahkan ganti url-gambar dengan alamat URL gambar kursor yang ingin sobat gunakan dan ganti url-gambar-hover dengan gambar kursor ketika lewat diatas sebuah link. Atau sobat bisa menggunakan beberapa link dari gambar berikut. (Klik kanan gambar ikon kursor dibawah lalu salin url gambarnya).


Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di BloggerCara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger Cara Mengganti Kursor di Blogger

Jika sobat ingin melihat demo nya sobat bisa buka link HTML Editor berikut ini dan melihat hasilnya sendiri.


Mungkin cukup sekian dari saya, semoga bisa bermanfaat, kalau ada saran, kritik maupun pertanyaan silahkan sampaikan pada kotak komentar dibawah atau bisa juga melalui halaman contact blog ini yang bisa dibuka melalui menu blog dibagian paling atas. Terima kasih, assalamu'alaikum.
Disqus Comments