Cara Membuat Variasi Kursor Mouse
Kali ini saya akan memposting Cara Membuat Variasi Kursor Mouse, Pernah melihat blog yang kursor mousenya gambar animasi atau simbol tertentu? Ternyata caranya gampang dan simple sob. langsung aja.. Ada 2 cara untuk membuatnya sob,
CARA 1 -->
CARA 1 -->
1. Buka http://www.cursors-4u.com
2. Pilih kategori (di sebelah kiri), misalnya ‘Anime’.
3. Muncul beberapa pilihan gambar, klik salah satu.
4. Muncul kode HTML. Copy atau tekan Ctrl C
5. Login ke blog
6. Klik ‘Design’, ‘Edit HTML’, centang ‘Expand Widget Templates’
7. Pastikan kode HTML tadi (no.4) di atas kode <body> ( buat Sob yang masel lama-lama Cari kata <body> biar enak dan cepat cari <body> klik aja F3 atau ctrl F ) lalu masukan kata <body> lalu klik
8. Simpan dan lihat hasilnya
CARA 2 -->
1. Buka http://www.cursors-4u.com
2. Pilih kategori (di sebelah kiri), misalnya ‘Anime’.
3. Muncul beberapa pilihan gambar, klik salah satu.
4. Muncul kode HTML. Copy atau tekan Ctrl C
5. Login ke blog
6. Klik Tata letak
7. pilih HTML/javaScript
8. Simpan dan lihat hasilnya
Ini sudah saya siapain beberapa contoh kursor buat teman semua yang males nyari.. atau gak mau ribet..
One Piece :
Luffi
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1156.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1156.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/luffy-diagonal-resize.html" target="_blank" title="Luffy Diagonal Resize"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Luffy Diagonal Resize" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1156.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1156.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/luffy-diagonal-resize.html" target="_blank" title="Luffy Diagonal Resize"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Luffy Diagonal Resize" style="position:absolute; top: 0px; right: 0px;" /></a>
One piece
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1151.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1151.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/one-piece-logo.html" target="_blank" title="One Piece Logo"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="One Piece Logo" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1151.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1151.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/one-piece-logo.html" target="_blank" title="One Piece Logo"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="One Piece Logo" style="position:absolute; top: 0px; right: 0px;" /></a>
Zorro
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1159.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1159.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/zora-one-piece.html" target="_blank" title="Zora - One Piece"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Zora - One Piece" style="position:absolute; top: 0px; right: 0px;" /></a>
Sanjiii
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1157.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1157.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/sanji-diagonal-resize.html" target="_blank" title="Sanji Diagonal Resize"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sanji Diagonal Resize" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1153.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1153.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/tony-tony-chopper-text-select.html" target="_blank" title="Tony Tony Chopper Text Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tony Tony Chopper Text Select" style="position:absolute; top: 0px; right: 0px;" /></a>
Spesial musikk
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth515.ani), url(http://cur.cursors-4u.net/others/oth-6/oth515.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/13/red-blinking-music-note.html" target="_blank" title="Red Blinking Music Note"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Blinking Music Note" style="position:absolute; top: 0px; right: 0px;" /></a>
Tidak ada komentar:
Posting Komentar