Assalammuaikum wr.wb
kali ini saya akan membagikan tutorial cara mengubah cursor pada blog.saya sedikit menjelaskan apa yang dimaksud dengan cursor bagi yang belum tau. cursor biasanya ada di komputer dan itu menurut saya ialah panah yang menunjukan atau gambarnya jari kita di komputer,kalo bahasa awamnya mouse yang warna putih yang berberntuk panah itu loh yang ada di komputer hehehe.Pasti kalian merasa bosan dengan cusor blog itu-itu aja nah,kali ini saya akan membahasnya supaya cursor diblog menjadi menarik,yuk langsung saja gak usah lama-langsung simak aja
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-12/cur1103.ani), url(http://ani.cursors-4u.net/cursors/cur-12/cur1103.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/14/rainbow-pinwheel-pointer.html" target="_blank" title="Rainbow Pinwheel Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rainbow Pinwheel Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-5/hol441.ani), url(http://cur.cursors-4u.net/holidays/hol-5/hol441.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/17/decorated-green-christmas-tree.html" target="_blank" title="Decorated Green Christmas Tree"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Decorated Green Christmas Tree" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-13/gam1232.ani), url(http://cur.cursors-4u.net/games/gam-13/gam1232.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/perfect-world-online-pointer.html" target="_blank" title="Perfect World Online Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Perfect World Online Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur918.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/20/wing-pointer.html" target="_blank" title="Pink Wing Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Wing Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/symbols/sym-8/sym749.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/13/transparent-sexy-pink-heart.html" target="_blank" title="Transparent Sexy Pink Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Transparent Sexy Pink Heart" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1066.ani), url(http://ani.cursors-4u.net/cursors/cur-11/cur1066.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/13/multicursor-busy.html" target="_blank" title="Multicursor - Busy"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Multicursor - Busy" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani937.ani), url(http://cur.cursors-4u.net/anime/ani-10/ani937.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/05/02/animated-dancing-akatsuki-tobi.html" target="_blank" title="Naruto - Animated Dancing Akatsuki Tobi"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Naruto - Animated Dancing Akatsuki Tobi" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-pointer.html" target="_blank" title="Chrome Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1028.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1027.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-wait.html" target="_blank" title="X-Steel - Wait"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel - Wait" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur955.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur955.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-background.html" target="_blank" title="Batman Begins Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins Background" style="position:absolute; top: 0px; right: 0px;" /></a>
Sekian dari saya bila tidak mengerti atau tidak bisa silahkan berkomentar ^_^










Dulu saya sering melakukan ini mas, tapi membuat blog malah lebih berat.
ReplyDeleteiya memang mas agak sedikit berat karena menggunakan animasi atau gamabar
Delete