Bosankan liat cursor/panah mouse begitu-begitu mulu? bagaimana kalau diubah pasti tambah keren apalagi di pasang di blog tercinta sobat, bisa nambah menarik ditambah dengan Cara Memasukan Lagu ke Blog|Tips Memasukan Lagu di Blog Dengan Mudah . Lantas bagaimana sih cara mengubah bentuk cursor mouse pada blog? di artikel BlogRion cara mengubah cursor pada blog ini akan dijelaskan perihal mengubah bentuk cursor panah mouse pada blog tepatnya blog blogspot seperti tutorial dibawah ini :
- Loggin Blogger
- Masuk ke Dashboard
- Pilih tata letak
- Tambah Gadget / Widget
- Pilih HTML/Javascript
- Copy pastekan code dibawah ini
<style type="text/css"> body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;} </style><a href="http://ri-on.blogspot.com/2013/04/mengganti-cursor-kursor-mouse-blog.html" title="Cara Mengganti Cursor di Blog | Mengubah Tampilan Kursor Blog">Kursor Blog</a>Url yang berwarna Merah adalah link gambar kursor, bisa diganti dengan link dibawah atau upload gambar kursor atau cari link gambar kursor tersebut.
http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png

http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png

http://i44.photobucket.com/albums/f13/LONG65/Element2.gif

http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png





_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
Cursor 1 :
Code :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur220.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-orange-outer-glow-pointer.html" target="_blank" title="Cool Orange Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Orange Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 2 :
Code :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-red-outer-glow-pointer.html" target="_blank" title="Cool Red Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Red Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 3 :
Code :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 4 :
Code :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur118.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-grey-outer-glow-pointer.html" target="_blank" title="Cool Grey Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Grey Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 5 :
Code :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur119.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-purple-outer-glow-pointer.html" target="_blank" title="Cool Purple Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Purple Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 6 :
Code :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-neon-green-outer-glow-pointer.html" target="_blank" title="Cool Neon Green Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Neon Green Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 7 :
Code
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur221.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-yellow-outer-glow-pointer.html" target="_blank" title="Cool Yellow Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Yellow Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
- Pilih Cursor Kesukaan anda, Copy Paste ke HTML/JavaScript, dan Click Simpan.
Tidak ada komentar:
Posting Komentar