Results found at > Home > tutorial ngeblog > Contoh Cara Menambahkan atau Mengganti Kursor pada Blog dengan Mudah Menggunakan Widget
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.
- 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.
- Selanjutnya sahabat klick tata letak.
- kalau sudah diklick cari tulisan khusus bernama "tambahkan Widget" hehehehe.
- Jika sudah pilih HTML/Javascript dan masukkanlah kode kode dibawah ini silahkan sahabat memilih sendiri kursor anda akan diganti dengan apa.
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>
<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.
0 comments:
Post a Comment