Kalian pasti pernah liat kursor di blog-blog yang pernah kalian buka berbentuk lucu dan unik kan? seperti contoh di blog ini, kursornya berbentuk keroppi ^^ lucu kan :D
Nah, kali ini saya akan coba berbagi bagaimana caranya kursor mouse di blog kita bisa berbentuk sesuai yang kita inginkan....
1. Loggin ke blog anda
2. Masuk ke Dashboard
3. Pilih tata letak
4. Klik tulisan "Tambahkan Widget"
5. Pilih "HTML/JavaScript"
6. Copy Paste kode Html di bawah ini kedalam kotak yang tersedia, lalu simpan/save
7. Selesai! cek blog anda.
Di bawah ini ada beberapa contoh kode HTML untuk kursor mouse.
 |
| Keroppi |
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1042.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1037.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/happy-cute-box-frog.html" target="_blank" title="Happy Cute Box Frog"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Happy Cute Box Frog" style="position:absolute; top: 0px; right: 0px;" /></a>
 |
| Hello Kitty |
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1132.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1132.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/text-select-hello-kitty.html" target="_blank" title="Text Select - Hello Kitty"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Text Select - Hello Kitty" style="position:absolute; top: 0px; right: 0px;" /></a>
 |
| SpongeBob |
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/01/spongebob-squarepants-4.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a>
 |
| Sharinggan Naruto |
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use141.ani), url(http://cur.cursors-4u.net/user/use-1/use141.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/06/sasuke-s-mangeky-333-sharingan.html" target="_blank" title="Sasuke's Mangekyō Sharingan"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sasuke's Mangekyō Sharingan" 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/ani1155.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1155.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/01/luffy-stretching-arms.html" target="_blank" title="Luffy Stretching Arms"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Luffy Stretching Arms" style="position:absolute; top: 0px; right: 0px;" /></a>
0 komentar:
Posting Komentar