Kali ini saya akan memposting
tentang cara mengubah mouse diblog agar lebih cantik/ bergerak gerak. Macam macam
kursor mouse ini saya rangkum dari beberapa blog lain dan saya pilih mana yang
paling bagus. Yah langsung saja tata caranya mengubah kursor:
1.
Buka “tata
letak” diblog dasbor blog anda.
2.
Klik tambah
gadget dan pilih HTML/Java script.
3.
Kemudian
Copy dan pastekan kode java ini di tempat.
Macam macam
kursor:
Ø <style type="text/css">body, a:hover
{cursor: url(http://ani.cursors-4u.net/people/peo-9/peo1029.ani),
url(http://ani.cursors-4u.net/people/peo-9/peo1029.png),
progress;}</style><a href="http://www.cursors-4u.com/cursor/2013/06/09/psy-gangnam-style.html"
target="_blank" title="Psy - Gangnam Style"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Psy - Gangnam Style" 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/cur1027.ani),
url(http://cur.cursors-4u.net/cursors/cur-11/cur1027.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-alternate-select.html"
target="_blank" title="X-Steel - Alternate
Select"><img src="http://cur.cursors-4u.net/cursor.png"
border="0" alt="X-Steel - Alternate Select"
style="position:absolute; top: 0px; right: 0px;" /></a>
Ø <style type="text/css">body, a:hover
{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth543.ani),
url(http://cur.cursors-4u.net/others/oth-6/oth543.png),
progress;}</style><a
href="http://www.cursors-4u.com/cursor/2011/02/01/lights-of-heaven-16.html"
target="_blank" title="Lights Of Heaven"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Lights Of Heaven" 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;}</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/others/oth-7/oth705.cur),
progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/27/gruppled-link-select.html"
target="_blank" title="Gruppled - Link Select"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Gruppled - Link Select" style="position:absolute; top: 0px;
right: 0px;" /></a>
4.
Jika sudah
selesai kemudian Save/Simpan
Dah hanya itu saja yang hanya bisa saya tampilkan, kalau
ada waktu lagi saya akan mengupdate kursor yang lebih bagus lagi.
Posts
0 comments:
Post a Comment