Sunday, October 14, 2012

Tutorial: Tukar Bentuk Cursor Jadi Comel


 Hai semua!!! Lamanya tak jumpa myBlogger nie. Hihihi. Almaklumlah sibuk sangat dan line internet pun macam ciput sangat. Nak tunggu loading habis pun sampai berjanggut kot. 
*perumpamaan jela yer. Hihihi. 

Hari nie, Eyz nak lepaskan peluang keemasan nie untuk kemaskini blog Eyz sementara line internet amat memuaskan hati untuk saat ini..aisemen. Hohoho. Blog Eyz dah berwajah baharu. Tadaaaa. Overlah pulak. Huhuhuhu.

Untuk perjumpaan pertama setelah sekian lama menyepi nie, Eyz nak buat satu tutoriallah. Tiba-tiba rajin pulak kan. Hihihi. Awal-awal pagi nie, Eyz nak ajar macam mana nak ubah bentuk cursor korang. Senang jer. Kacang pulut jer. Hihihihi. KLIK DULU

:: MULA-MULA ::

1. Copy kod di bawah nie. 

<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>

<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

**Ayat warna MERAH tu, korang letakkan kod cursor icon yang korang nak.

**Ayat warna BIRU tu, korang letakkan link bagi blog korang.

2. Dashboard  >>> Design >>> Add Gadget >>> Html/ Javascript

3. Paste yang korang dah copy di Langkah 1 tadi tu di Html/ Javascript.

4. SAVE. 

Selesai dah
^___^

Kat bawah nie, Eyz selitkan beberapa kod cursor yang boleh korang guna. Selamat mencuba!!!

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth803.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/purple-bow-tie-4.html" target="_blank" title="Purple Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Purple Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth801.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/red-bow-tie-6.html" target="_blank" title="Red Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth800.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/pink-bow-tie-9.html" target="_blank" title="Pink Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth720.ani), url(http://cur.cursors-4u.net/others/oth-4/oth302.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/03/boucing-multi-colored-bow-tie-ribbon.html" target="_blank" title="Boucing Multi-Colored Bow Tie Ribbon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Boucing Multi-Colored Bow Tie Ribbon" 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/hol416.ani), url(http://cur.cursors-4u.net/holidays/hol-5/hol416.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/05/dangling-rainbow-hearts.html" target="_blank" title="Dangling Rainbow Hearts"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Dangling Rainbow Hearts" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too748.ani), url(http://cur.cursors-4u.net/toons/too-8/too748.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/winnie-the-pooh-glitter.html" target="_blank" title="Winnie The Pooh Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winnie The Pooh Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth510.ani), url(http://cur.cursors-4u.net/others/oth-5/oth510.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/12/10/animated-pink-pencil.html" target="_blank" title="Animated Pink Pencil"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Pink Pencil" style="position:absolute; top: 0px; right: 0px;" /></a>

...........

Nak kod carian sendiri? Klik SINI


INGAT!!! Tekan Ctrl+C serentak untuk COPY CODE dalam tutorial.


No comments: