Baiklah, sobat kali ini saya akan sharing tentang cara memasukan kursor
di blog Sebelum lebih jauh mengenal kursor coba kita baca dulu definisi dari
kursor itu sendiri menurut yang saya baca di Wikipedia adalah Dalam teknologi
komputasi,
kursor adalah suatu petunjuk atau indikator posisi pada monitor petunjuk atau peranti tampilan lain yang akan merespons masukan dari
suatu masukan teks atau peranti petunjuk. Kursor secara umum dapat dibagi
menjadi dua jenis: kursor teks dan kursor tetikus. Kursor teks
adalah petunjuk pada antar muka baris (CLI) atau editor teks yang
menunjukkan tempat teks akan diletakkan sewaktu dimasukkan (titik penyisipan)
dan biasanya berupa garis bawah, segi empat, atau garis vertikal yang dapat
berkedip atau stabil. Kursor tetikus adalah petunjuk sekunder
yang ditambahkan oleh tetikus atau peranti penunjuk komputer lain untuk
menunjukkan posisi penunjuk tersebut yang bisa berbentuk seperti tanda panah
pada sistem GUI atau kotak pada sistem CLI.
Baiklah, sobat kita langsung aja menuju Tutorial
1. Login ke blogger.
2. Masuk ke dasbor > template.
3. Edit HTML. Centang Expand widget.
4. Cari kode </head> dengan menggunakan Ctrl+F.
5. Copy dan paste kode di bawah ini tepat di atas
kode head\ Javascript
Catatan: sobat bisa juga menambahkan langsung pada HTML \ Javascript
<style type='text/css'> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), auto;} </style>
6. Simpan dan lihat hasilnya.
Atau lebih jelasnya sobat dapat meihat gambar di bawah
Catatan: bagi Sobat yang menginginkan Kursor di bawah ini
atau Kursor lain silakan kunjungi WWW.tutorialkamu.blogspot.com
<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_cur1027.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_sym144.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_hol512.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_oth829.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_sym142.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_nat1000.png"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_oth561.png"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_cur1016.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_hol268.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_spe114.gif"), auto;}
</style> <br>
kalau yang di bawah ini langsung aja ke HTML/JavaScript
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Black Glitter Pointer
Cursors at www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/blackglitter.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/blackglitter.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Blue Multi Glitter Pointer
Cursors at www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/bluemultiglit.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/bluemultiglit.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free BlackGray Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/blackgray1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/blackgray1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Colorful Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/colorful1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/colorful1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Diamond Blue Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/diamondblue.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/diamondblue.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star 6 Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/star6.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/star6.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star 3 Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/star3.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/star3.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star 7 Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/star7.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/star7.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star ani Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/starani2.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/starani2.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star Purple Green Cursors
at www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/starpurplegreen3.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/starpurplegreen3.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star Blue Green Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/starbluegreen21.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/starbluegreen21.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star Blue Brown Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/starbluebrown1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/starbluebrown1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star Red Blue Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/starredblue1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/starredblue1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Star Green Brown Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/stargreenbrown1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/stargreenbrown1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Sun Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/sun.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/sun.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Stripe Wave Rainbow Cursors
at www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/1pointer39.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/1pointer39.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free White Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/white1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/white1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Wood Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/wood.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/wood.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Yellow Cursors at
www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/yellow1.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/yellow1.gif"),
auto;}</style>
<div
align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank"
class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif"
border="0" width="88" height="31" alt="Free Yellow Glitter Pointer
Cursors at www.totallyfreecursors.com"
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/yellowglitter.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/yellowglitter.gif"), auto;}</style>
 |
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>
 |
Angry Birds |
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/games/gam-14/gam1324.cur), progress
!important;}</style><a
href="http://www.cursors-4u.com/cursor/2011/10/14/angry-birds-15.html"
target="_blank" title="Angry Birds"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Angry Birds"
style="position:absolute; top: 0px; right: 0px;" /></a>
 |
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>
0 komentar:
Posting Komentar