tutorial: kursornya ada dua!

image from weheartit.


hola amigos! *sok spanyol* wkwkwk

udah liat kursor baru gue kan? lucu kaan? wkwkwkwk kalian bisa dapet kursor gitu juga di http://www.cursors-4u.com/ :) banyak pilihan kursor disitu.

tapi, kok kursornya bisa berubah pas diarahin ke link? :o sini ayo marapat, biar gue kasihtau rahasianya wwkwkwk


ps. ini kode gue yang bikin-bikin sendiri, kalo ada kode yang sama itu hanya kebetulan belaka. wkwkwk

langkah-langkah:

1. Buka link cursors-4u yang tadi gue kasih.
2. cari 2 kursor yang kalian suka, yang satu buat kursor utama yang satu buat kursor link. contoh: gue pilih kursor utama: yang buat link:
   ps: contoh doang.
3. buka: dashboard--> template--> edit HTML
4. copy kode UNIVERSAL CSS/HTML nya kursor utama ke . copy ke paling bawah kode HTML. contoh:
   

   <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi209.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/13/me-gusta-rage-face-comics.html" target="_blank" title="Me Gusta - Rage Face Comics"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Me Gusta - Rage Face Comics" style="position:absolute; top: 0px; right: 0px;" /></a>

5. sudah? sekarang copy kursor link ke notepad. ingat, ke notepad! lalu copy bagian yang gue kasih warna merah, mulai dari a:hover sampai ke !important;} (kalau udah dicopy, notepadnya boleh di-exit :p)
   

   <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi210.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/13/lol-rage-face-comics.html" target="_blank" title="LOL - Rage Face Comics"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="LOL - Rage Face Comics" style="position:absolute; top: 0px; right: 0px;" /></a>

6. gantitulisan hover di kursor link jadi: a:link. lalu copy ke kode kursor utama, disebelah tulisan !important}
   

   <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi209.cur), progress !important;} (COPY KODE WARNA MERAH TADI DISINI) </style><a href="http://www.cursors-4u.com/cursor/2011/10/13/me-gusta-rage-face-comics.html" target="_blank" title="Me Gusta - Rage Face Comics"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Me Gusta - Rage Face Comics" style="position:absolute; top: 0px; right: 0px;" /></a>

   maka jadinya:
   

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi209.cur), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi210.cur), progress !important;} </style><a href="http://www.cursors-4u.com/cursor/2011/10/13/me-gusta-rage-face-comics.html" target="_blank" title="Me Gusta - Rage Face Comics"> <img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Me Gusta - Rage Face Comics" style="position:absolute; top: 0px; right: 0px;" /></a>

   ingat yaa, itu di paling bawah edit HTML.
   selesai? BELUM!

biar lebih bagus, hilangkan banner crusor4unya. kalau ngilangin itu, liat di blognya kak lettha aja
:D

jangan lupa credit ke gue, crusor4u, dan kak lettha ya!

ingat, kalo ada tutorial yg sama, itu hanya kebetulan belaka. k bye XD
//EDIT: ini cuma buat template classic doang. kalau yang pake template designer, taro di dashboard-->design-->HTML javascript. jangan dikasih judul yaa!