Rifqi Muhamad Aziz
On Kamis, 10 Mei 2012
mungkin para sobat blogger bosan dengan tampilan kursor yang biasa yang hanya gitu gitu aja.
di postingan kali ini saya akan kasih beberapa jenis kursor yang bisa sobat pasang di blog sobat.
langsung aja nih contoh jenis kursor dan kodenya :
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BATMAN_BEGINS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-HAHA_BUCKTOOTH-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-SILLY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-SUPER_HERO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLOGGER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
|
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLUE_SNOWFLAKE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> |
dan ini cara pasangnya:
~ Login ke Blog Sobat
~ Klik Tab Tata Letak
~ Klik Tab Edit HTML
~ Beri tanda centang pada kotak kecil Expand Template Widget
~ kemudian temukan code ini di template : </head>
~ kemudian paste kode cursor yang kalian inginkan dibawah code "</head>"