tv Contoh Cara Menambahkan atau Mengganti Kursor pada Blog dengan Mudah Menggunakan Widget ~ seluruhilmu999

Contoh Cara Menambahkan atau Mengganti Kursor pada Blog dengan Mudah Menggunakan Widget

Posted by Ahmad Mauludin Sohih On Saturday, July 6, 2013 0 comments

 Cara Menambahkan atau Mengganti Kursor pada Blog dengan Mudah Menggunakan Widget

Mengganti Kursor saat blog kita aktif memanglah sangat tampak ada kesan sendiri dari pada menggunakan kursor manual dari komputer.

Hal ini dikarenakan pasti kita jemu akan melihat kursor yang begitu begitu saja, oke saya akan berbagi tentang cara yang paling mudah mengganti kursor blog kita. yaitu dengan menggunakan widget.

  1. Oke sahabatku pertama - tama sahabat harus memiliki akun blogger tentunya, silahkan login di www.blogger.com, kemudian jika sudah masuk silahkan sahabat masuk Dashboard pada blog anda.
  2. Selanjutnya sahabat klick tata letak. 
  3. kalau sudah diklick cari tulisan khusus bernama "tambahkan Widget" hehehehe.
  4. Jika sudah pilih HTML/Javascript dan masukkanlah kode kode dibawah ini silahkan sahabat memilih sendiri kursor anda akan diganti dengan apa.
contoh cara mengganti kursor blog tahap satu

kodenya:
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-5/mec422.ani), url(http://cur.cursors-4u.net/mechanics/mec-5/mec422.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/02/revolver-working-in-background.html" target="_blank" title="Revolver - Working In Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Revolver - Working In Background" style="position:absolute; top: 0px; right: 0px;" /></a>

Cara mengganti kursor dengan helikopter terbang
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-5/mec477.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/16/bell-h-13-sioux.html" target="_blank" title="Helicopter Bell H-13 Sioux"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Helicopter Bell H-13 Sioux" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-5/mec474.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/16/ah-64d-apache-longbow.html" target="_blank" title="Helicopter AH-64D Apache Longbow"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Helicopter AH-64D Apache Longbow" style="position:absolute; top: 0px; right: 0px;" /></a>

oke sahabat kemudian sahabat save. ohh iya sahabat dapat memperoleh kodenya lebih banyak lagi di sumber situsnya disini: http://www.cursors-4u.com 
lalu bagaimanakah cara agar tidak terjadi kekeliruan oke sahabat setelah masuk, silahkan pilih gambar kursor yang diinginkan disana terdapat ribuan bahkan jutaan kodenya mungkin. saya berusaha memberikan sumber yang asli loh hehehe. oke lalu kode widget itu yang ciri cirinya seperti apa ? perhatikanlah yang awalnya <style sahabat bisa melihat kan ada warna pink pada kode diatas ? ya sengaja saya beri warna pink agar saudara dan saudari bisa faham apa yang saya maksudkan. lebih jelasnya lihat gambar dibawah ini.pilih yang option satu. 
Contoh Cara Menambahkan atau Mengganti Kursor pada Blog dengan Mudah Menggunakan Widget

0 comments:

Post a Comment