Untuk langkah memasukan kodenya silahkan baca artikel sebelumnya di Cara membuat Kursor Bubble atau bergelembung
Kali ini saya akan mengeshare cara mengganti kursor blog tetapi dengan a:hover, bagi yang belum tau a:hover bacalah sejenak penjelasan saya, a:hover itu adalah sebuah animasi/kreasi dengan suatu widget yang salah satunya terdapat pada post ini. A:Hover yang saya gunakan kali ini adalah kursor akan berubah ketika mengenai link jadinya akan seperti di blog saya tangan angry bird dapat berubah ketika terkena link, betul kan.Bisa dibilang sebenarnya cara ini adalah memasang 2 gambar jadi sebelumnya baca dulu bahannya sebelum memulai
Kali ini saya akan mengeshare cara mengganti kursor blog tetapi dengan a:hover, bagi yang belum tau a:hover bacalah sejenak penjelasan saya, a:hover itu adalah sebuah animasi/kreasi dengan suatu widget yang salah satunya terdapat pada post ini. A:Hover yang saya gunakan kali ini adalah kursor akan berubah ketika mengenai link jadinya akan seperti di blog saya tangan angry bird dapat berubah ketika terkena link, betul kan.Bisa dibilang sebenarnya cara ini adalah memasang 2 gambar jadi sebelumnya baca dulu bahannya sebelum memulai
Langsung saja teman-teman ingin mempercantik tampilan pada blog teman, kali ini saya akan membagikan bagaimana cara mengganti cursor pada blog, untuk cara nya lihat di bawah ini:
1. Pasti nya kalian sudah login di blog
2. Klik Tata Letak, tambah gadget pilih +HTML/javasscript
3. Masukan kode di bawah ini,
Berikut kode untuk mengganti kursor blog :
<style type="text/css">
body{cursor: url("http://ndy.googlecode.com/files/nat949.gif"), auto;}
body a:hover{cursor: url("http://ndy.googlecode.com/files/nat949.gif"), auto;}
</style>
body{cursor: url("http://ndy.googlecode.com/files/nat949.gif"), auto;}
body a:hover{cursor: url("http://ndy.googlecode.com/files/nat949.gif"), auto;}
</style>
keterangan :
*Note: Kode yang saya beri tanda warna merah , itu kode cursor saat menyentuh link, jika saat menyentuh link ingin tampil secara standar, kalian cukup hapus kode warna merah tersebut, dan kode url gambar cursor http://ndy.googlecode.com/files/nat949.gif kalian bisa ganti sesuai ke inginan kalian.
Satu lagi cara untuk memasukan kode lewat edit HTML:
1.Pilih atau klik Template
2.Klik Edit HTML Klik lanjutkan
3.Cari kode </head> (untuk pencarian cepat gunakan CTRL+F)
4.Lalu letakan kode CSS di atas, diatas nya kode </head> tadi.
5.Kalian bisa preview dulu lalu save.
Berikut contoh dari beberapa url kursor yang mungkin berminat :
http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
Ok terserah kalian mau pilih cara yang mana untuk meletak kan kode nya, sekian dulu kalau kurang paham silahkan tinggalkan komentar.
No comments:
Post a Comment