Mengganti Ikon Kursor (Mouse) di Blogger dengan Gambar Sendiri

Mengganti Ikon Kursor/Mouse di Blogger Jadi Keren

Mengatur tampilan blog

Blog merupakan salah satu tempat seseorang untuk mengekspresikan diri serta menuangkan ide dan kreativitas. Biasanya sebuah blog akan identik dan cenderung menunjukkan kepribadian dari pemiliknya.

Oleh karena itu biasanya halaman sebuah blog akan dibuat semenarik mungkin oleh pemiliknya. Baik itu memberikan tampilan-tampilan yang menarik serta animasi yang menghibur pengunjung pada blog tersebut. Misalnya seperti posting sebelumnya yang ini. Selain itu salah satunya juga yaitu dengan mengganti tampilan kursor di Blogger.

Dengan berkembangnya teknologi bahasa pemrograman web, CSS sebagai salah satu bahasa yang berfungsi mengatur tampilan halaman situs, kini telah dibekali dengan banyak fitur dan kelebihan. Dengan fitur dan kelebihan tersebut kini banyak orang yang bebas memodifikasi tampilan halaman situs mereka sesuai keinginan dan kesukaan pemiliknya.

Mengubah ikon kursor mouse di Blogger

Oleh karena itu pada posting kali ini akan dibahas tentang salah satu cara membuat tampilan halaman di Blogger menjadi lebih menarik. Yaitu mengubah ikon kursor/mouse di Blogger. Jadi ketika seseorang mengunjungi halaman blog tersebut, maka tampilan kursor akan berubah untuk sementara.

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 jika kursor melintas di seluruh bagian halaman blog, maka gambar kursor akan berubah dengan gambar lain sesuai keinginan kita.

Akan tetapi kamu perlu perhatikan bahwa hal tersebut hanya berlaku ketika kursor melintas di bagian atas halaman blog, tidak seluruhnya. Maka ketika pindah dari halaman blog atau keluar dari halaman blog, 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.

Cara mengubah ikon kursor Blogger

Ikuti langkah-langkah berikut ini untuk mengubah tampilan ikon kursor di Blogger.
  1. Buka Blogger
  2. Pada bagian Tema klik tombol Edit HTML
  3. Temukan kode ]]></b:skin> dan letakkan CSS berikut di atasnya
  4. body{cursor: url("url-gambar"), auto;}
    body a:hover{cursor: url("url-gambar-hover"), auto;}
  5. Ganti url-gambar dengan URL gambar yang ingin kamu gunakan sebagai kursor di blog kamu
  6. Ganti url-gambar-hover dengan URL gambar kursor sebagai pointer (gambar kursor saat akan klik link)
  7. Klik tombol Simpan dan lihat hasilnya di blog kamu

Cara memilih gambar ikon kursor

Kamu bisa menggunakan URL gambar yang ada di bawah sebagai gambar kursor untuk di blog kamu.

Mengganti Ikon Kursor/Mouse di Blogger Jadi Keren

Kumpulan gambar ikon kursor

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

Penutup

Jika kamu ingin melihat demo nya kamu bisa buka link HTML Editor berikut ini dan mencoba kode di atas pada kotak textarea yang telah disediakan. Demo - HTML Editor

Itulah beberapa langkah dan cara yang bisa kamu lakukan untuk mengubah gambar ikon kursor mouse di Blogger menjadi gambar animasi yang lebih menarik. Semoga artikel ini bisa bermanfaat untuk kamu. Jika ada hal yang kurang jelas, maka jangan sungkan untuk memberikan komentar kamu di bawah atau melalui halaman contact blog ini. Terima kasih dan sampai jumpa!

Related Posts

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel