22 Feb 2012

Cara ganti Cursor Defaut panah dengan gambar


pada dasarnya tampilan cursor default ini adalah mirip tanda panah, tahukah anda? tampilan cursor ini bisa kita ubah sedemikian rupa agar sesuai dengan keinginan

dikutip dari blog pertama saya http://intheamwhy.blogspot.com
karena blog ini masih minim content yaudah mau ngga mau di share ulang :) , ngga tahu kenapa belakangan ini sedikit kurang semangat. mungkin karena ada masalah kali yah?
back to topick!
pada dasarnya tampilan cursor default ini adalah mirip tanda panah, tahukah anda? tampilan cursor ini bisa kita ubah sedemikian rupa agar sesuai dengan keinginan, namun untuk kali ini kita hanya akan share cara mengganti cursor default(mirip panah) dengan gambar!

berikut cara mengganti cursor dengan gambar

saya ibaratkan sobat sudah install wordpress offline!
  • buka directory theme wordpress ada di . . . wp-content/themes/
  • buka directory theme yang akan ditambahkan cursor
  • download(save image as) beberapa gambar dibawah
  • gambarnya jangan diedit maupun di reneme
  • setelah gambar di download
  • masukan gambar tadi ke directory /images
  • jika directory /imagesnya ngga ada, silakan(buat)
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
cara ganti cursor default dengan gambar
  • (kalo gambarnya ngga muncul, tunggu ya)setelah itu buka/edit header.php
  • cari </head>
  • kemudaian ubah menjadi seperti ini
<style type="text/css">
html, body{cursor:url(<?php bloginfo('template_url'); ?>/images/1cursor.gif),default;}
</style>
</head>
  • simpan
  • pastikan ngga ada yang salah
  • masuk ke dashboard blog sobat
  • klik appearance – themes
  • activate themes yang sudah di edit tadi

keterangan

  • untuk mengganti gambar cursornya
  • edit kembali header.php
  • lalu edit script ini
<style type="text/css">
html, body{cursor:url(<?php bloginfo('template_url'); ?>/images/1cursor.gif),default;}
</style>
</head>
  • nah, text yang berwarna merah adalah nama gambar
  • jadi ganti saja text yang berwarna merah dengan nama gambar yang ada di directory images
  • yang berwarna biru adalah nama directory tempat kita mmenyimpan gambarnya
  • ingat juga kalau gambarnya disimpan di directory /images
  • jika gambarnya disimpan di directory lain, sobat juga harus mengganti script ini
<?php bloginfo('template_url'); ?>/images/
  • menjadi
<?php bloginfo('template_url'); ?>/nama_directory_yang_di_isi_file_gambar/
oia manual css cursor url sperti ini
cursor:url(url_lokasi_gambar), default;
semoga bermanfaat

Tidak ada komentar: