kali ini masih berhubungan dengan cursor,
Setelah postingan sebelumnya saya sudah membahas bagaimana Cara Mengganti Cursor di Blog.
Postingan kali ini saya akan mencoba menjelaskan bagaimana Cara Mengganti Cursor Hand pada Link.
Pada template dasar jika cursor mengarah ke sebuah link maka cursor tersebut akan berubah menjadicursor jenis hand
Jika sobat ingin mencoba caranya sebagai berikut :
Ada dua cara untuk bisa mengganti cursor di blog
Cara pertama :
Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy Paste kode di bawah ini :
Keterangan : ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png dengan alamat gambar cursor milik sobat
jika sudah selesai SIMPAN dan lihat hasilnya
Cara kedua :
Login ke BloggerKlik Rancangan → Edit HTML
Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Kalau sudah ketemu tambahkan code dibawah ini di dalamnya :
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png"),default
maka akan menjadi seperti ini :
Keterangan : Ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png dengan alamat gambar cursor milik sobat.
Atau sobat bisa temukan lebih banyak disini → Myspace Cursors
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
Setelah postingan sebelumnya saya sudah membahas bagaimana Cara Mengganti Cursor di Blog.
Postingan kali ini saya akan mencoba menjelaskan bagaimana Cara Mengganti Cursor Hand pada Link.
Pada template dasar jika cursor mengarah ke sebuah link maka cursor tersebut akan berubah menjadicursor jenis hand
Jika sobat ingin mencoba caranya sebagai berikut :
Ada dua cara untuk bisa mengganti cursor di blog
Cara pertama :
Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy Paste kode di bawah ini :
<style type="text/css">a:hover {cursor:url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png"),default}</style>
Keterangan : ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png dengan alamat gambar cursor milik sobat
jika sudah selesai SIMPAN dan lihat hasilnya
Cara kedua :
Login ke BloggerKlik Rancangan → Edit HTML
Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
a:hover {
color: #A91B33;
text-decoration: underline;
}
color: #A91B33;
text-decoration: underline;
}
Kalau sudah ketemu tambahkan code dibawah ini di dalamnya :
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png"),default
maka akan menjadi seperti ini :
a:hover {
color: #A91B33;
text-decoration: underline;
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png"), default;
}
color: #A91B33;
text-decoration: underline;
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png"), default;
}
Keterangan : Ganti alamat gambar cursor http://i1002.photobucket.com/albums/af149/Imtikhan/cursor_hand.png dengan alamat gambar cursor milik sobat.
Atau sobat bisa temukan lebih banyak disini → Myspace Cursors
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
No comments:
Post a Comment
Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :
» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi
Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".
Sebelumnya vito minta maaf yg sebesar"nya jika komentar anda belum sempat dibales. ^^