RSS
Facebook
Twitter

Sabtu, 09 Maret 2013

Tutorial menambahkan Kursor di blog



          



 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(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style> 

6. Simpan dan lihat hasilnya.

Atau lebih jelasnya sobat dapat meihat gambar di bawah
Dan sobat juga dapat mengunjungi situs gratis kursor http://www.totallyfreecursors.com

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

  • Dari : Situs Alfi