Cara Mengubah Kursor pada Blogger

CARA PERTAMA

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head>

5. SAVE

anda juga dapat mengganti gambar kursornya dengan cara ganti kode berwarna merah dengan kode gambar berwarna merah di bawah ini

kode : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

kode : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

kode : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

kode : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

kode : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

untuk gambar ini langsung paste di atas head ajh, gk ush ngikutin step nomor 4

masih banyak lagi sih gambarnya tapi nanti takut gk muat hehehehehe..(pelit amat)

ywdh nih kalau mau yg lengkap klik ajh http://www.totallyfreecursors.com

NAH untuk yg awam mungkin bingung bagaimana cara menggunakan kursor dari file di web itu,, awalnya aq juga merasa rumit namun lama kelamaan agak ngerti dengan sedikit memutar otak,, nah ane kasih tau deh sama ente caranya,,,, kan di sana milih tuh gambarnya banyak,,, nah setelah ente klik gambarnya, pasti ente masuk ke halaman di mana di situ ad download kursor sama yang di bawahnya tuh ada 2 kotak scrool nah ente cari deh tuh kode seperti itu tuh seperti contoh gambar peri,, cari kode yg awalnya <style>HTML,BODY{cursor: .......sampai dengan kode.. auto;}</style>

nah cara yang pertama udah ane babat habis noh, sekarang

CARA YANG KEDUA

1.login ke blogger(di dasbor)

2.klik rancangan pada blog
3.ke EDIT TATA LETAK
4.klik add gadget
5.pilih HTML/Java script
6.copy code di bawah ini dan paste pada HTML/java script tadi tepatnya pada kolom conten
7. kemudian save,, selesai

nih pilihan codenya beserta gambarnya

Cursor Ninja Shuriken dan Kunai

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth519.ani) url(http://cur.cursors-4u.net/others/oth-5/oth519.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/ninja-shuriken-and-kunai.html" target="_blank" title="Ninja Shuriken and Kunai"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ninja Shuriken and Kunai" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Call of Duty Black Ops 15th Prestige

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-12/gam1155.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/01/call-of-duty-black-ops-15th-prestige.html" target="_blank" title="Call of Duty Black Ops 15th Prestige"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Call of Duty Black Ops 15th Prestige" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Metal Set - Loading

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur968.ani) url(http://cur.cursors-4u.net/cursors/cur-10/cur968.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/metal-set-loading.html" target="_blank" title="Metal Set - Loading"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Metal Set - Loading" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Animated Sparkly Love Heart

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym501.ani) url(http://cur.cursors-4u.net/symbols/sym-6/sym501.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/04/17/animated-sparkly-love-heart.html" target="_blank" title="Animated Sparkly Love Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Sparkly Love Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Red Butterfly

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat13.ani) url(http://cur.cursors-4u.net/nature/nat-1/nat13.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/20/nat13-11.html" target="_blank" title="Red Butterfly"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Butterfly" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Sonic The Hedgehog - Sonic

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-1/gam64.ani) url(http://cur.cursors-4u.net/games/gam-1/gam64.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/30/gam64.html" target="_blank" title="Sonic The Hedgehog - Sonic"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sonic The Hedgehog - Sonic" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Elegant Rose

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat943.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Guitar

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-1/mec90.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/01/mec90.html" target="_blank" title="Guitar"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Guitar" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Starry Sun

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1002.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/26/starry-sun.html" target="_blank" title="Starry Sun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Starry Sun" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Flashy Pink Star

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-2/sym172.ani) url(http://cur.cursors-4u.net/symbols/sym-2/sym172.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/08/flashy-pink-star.html" target="_blank" title="Flashy Pink Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flashy Pink Star" style="position:absolute; top: 0px; right: 0px;" /></a>

CARA KETIGA

1. Login ke blogger.com
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.
<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>
7. Terakhir klik Save atau Simpan

Atau jika anda ingin mengganti Gb nya gnti teks berwarna merah dengan

http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png

http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png

http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif

http://i40.photobucket.com/albums/e230/dh34sy/flame.gif

http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg

http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif

http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif

http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif

sorry banget nih gan padahal aq masih ingin tambah lagi contoh contohnya tapi tangan gw udah cape nih ,,, nah untuk lihat contoh kursor yang lengkap kunjungi ajh http://www.cursors-4u.com

Namun saya sarankan untuk pakai cara pertama saja soalnya saya sudah berkali kali berhasil dengan cara itu
oke sobat mungkin sekian dulu yang dapat saya bagikan
wassalam.

» Пєω « Information 2013

Senin, 07 Januari 2013

Cara Mengubah Kursor pada Blogger