Edit Tampilan Cursor Mouse Pada Blog

Mungkin bagi para blogger yang ingin tampilan blog agar lebih cakep dengan Cursor yang imut-imut ini, bisa anda pasang di Blog anda, anda bisa melihat contohnya di Demo dan caranya memasangnya sangat mudah sekali, sebelum memasangnya di blog anda, anda harus cari dulu gambar cursor yg sesuai dengan pilihan anda. Ada dua Cursor Penujuk dan Pilih . Mungkin sedikit gambar cursor yang saya bagi-bagi disini.

http://cursors0.totallyfreecursors.com/thumbnails/naruto3.gif

http://cursors1.totallyfreecursors.com/thumbnails/narutolinkselect.gif

http://cursors4.totallyfreecursors.com/thumbnails/tail2.gif

http://cursors4.totallyfreecursors.com/thumbnails/tail2linkselect.gif

http://cursors4.totallyfreecursors.com/thumbnails/monkey-ani.gif

http://cursors1.totallyfreecursors.com/thumbnails/monkeyanilinkselect.gif

http://cursors0.totallyfreecursors.com/thumbnails/sparklepink.gif

http://cursors2.totallyfreecursors.com/thumbnails/sparklepinklinkselect.gif

Anda juga bisa buat sendiri Gambar Cursornya. Tapi saya sarankan agar ukurannya maksimal 40x40px. Baik kita mulai cara memasangnya

1. Pastikan sudah Login di Blogger.com. kalu sudah klik Rancangan





2. Klik Edit Html





3. Cari kode body { caranya tekan Ctrl+F. kalau sudah ketemu tambahkan kode CSS di bawah ini

   cursor:url(http://cursors3.totallyfreecursors.com/thumbnails/naruto3.gif),default;z-index:10;

   Menjadi seperti ini

   body {cursor:url(http://cursors3.totallyfreecursors.com/thumbnails/naruto3.gif),default;z-index:10;

   Jika anda tidak menemukan kode body { caranya cari ]]></b:skin> copy kode di bawah ini taruh di bawah kode ]]></b:skin>

   <style>body {cursor:url(http://cursors3.totallyfreecursors.com/thumbnails/naruto3.gif),default;z-index:10;</style>

4. Selanjutnya cari kode a:hover { kalau sudah ketemu tambahkan kode CSS di bawah ini

   cursor:url(http://cursors1.totallyfreecursors.com/thumbnails/narutolinkselect.gif),default;

   Menjadi seperti ini

   a:hover {cursor:url(http://cursors1.totallyfreecursors.com/thumbnails/narutolinkselect.gif),default;

   Jika anda tidak menemukan kode a:hover { caranya cari ]]></b:skin> copy kode di bawah ini taruh di bawah kode ]]></b:skin>

   <style>a:hover {cursor:url(http://cursors1.totallyfreecursors.com/thumbnails/narutolinkselect.gif),default;</style>

   Catatan: Ganti Url teks yang berbackground biru dengan url Gambar Cursor Penunjuk anda. kalau yang Hijau Ganti dengan Url Gambar Cursor Pilih. Mungkin Url Gambar yang saya sarankan di atas juga bisa anda gunakan.
5. Setelah menggantinya. Klik Simpan Template. Semoga berhasil