Selamat datang para Blogger yang mau tahu buat mengubah cursor di blog kalian. Tentunya cara buat nambahin cursor buat para newbie agak bermasalah karena belom tau tata caranya, tapi tenang dulu dan relax, disini gua gak sungkan2 buat kasih tau tipsnya kepada kalian biar blognya semakin menarik lagi dari yang sudah kalian buat sekarang.
Sebenernya ada banyak lagi model dari cursor yang bisa kalian buat tapi berhubung kapasitas pengetahuan gua sendiri terbatas jadi hanya sebagian saja yang bisa gua share pada artikel kali ini. Apa saja sih model cursor yang kali ini di share, silahkan perhatikan dengan seksama.
Perhatikan cursor yang kamu pilih dari gambar diatas :
1. login ke blog kalian.
2. Pilih Tata letak.
3. Lalu pilih tambahkan gadget.
4. Kemudian pilih HTML/Javascript.
5. Copas code dibawah ini.
Pensil
<style
type="text/css">body, a:hover {cursor:
url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WORLD_OF_WARCRAFT_14-www.24work.blogspot.com-.cur),
progress;}</style><a href="http://24work.blogspot.com"
target="_blank" title="Blogger Widgets"><img
src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png"
border="0" alt="Blogger Widgets"
style="position:absolute; top: 0px; right: 0px;" /></a>
|
Gold
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/others/oth-6/oth561.cur), progress
!important;}</style><a
href="http://www.cursors-4u.com/cursor/2011/02/16/ruby-9.html"
target="_blank" title="Ruby"><img
src="http://cur.cursors-4u.net/cursor.png" border="0"
alt="Ruby" style="position:absolute; top: 0px; right:
0px;" /></a>
|
Superman
<style
type="text/css">body, a:hover {cursor:
url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SUPERMAN_LOGO_POINTER-www.24work.blogspot.com-.cur),
progress;}</style><a href="http://24work.blogspot.com"
target="_blank" title="Blogger Widgets"><img
src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png"
border="0" alt="Blogger Widgets"
style="position:absolute; top: 0px; right: 0px;" /></a>
|
Blue cool
<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 Berputar
body{cursor:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiElxyEvE-OoI45pUPquD6U-0gLSpuBL0cJAmSGRyMBSW3qQLZ4U660TawuHBOB34JhcDrjyjsqw5OOwjkgQaJW9XpnOGKb7kRsZHBq6UKQZNzE-MFAVWxXM9l9i6WZ9Ml_-diro7lpdX8/s1600/ini+cursor+bagus+
jonarendra.gif"),
auto;}
|
Animasi Kartun
<style type="text/css">
body{cursor:
url("http://ak.imgfarm.com/images/cursormania/files/26/13358a.gif"),
auto;}</style>
|
Tinggal pilih apa yang kalian mau dan cocok dengan tampilan pada masing2 blog kalian, semoga artikel ini bermanfaat tentunya. Jangan lupa leave comment atau yang kurang jelas silahkan bertanya.
tigal copas aja codenya ini,mudah sekali kalau begitu...
BalasHapusmesin pencuci pcb