Skip to content Skip to sidebar Skip to footer

Cara Merubah Tampilan Cursor Mouse Di Blog

Cursor adalah suatu simbol atau tanda yang menyatakan posisi mouse pada layar komputer. Cursor juga disebut sebagai mouse pointer atau penunjuk arah. Pada umumnya cursor berbentuk anak panah bewarna putih, namun bisa juga diubah sesuai keinginan. Untuk itu pada halaman ini saya akan share cara merubah tampilan cursor mouse pada blog agar terlihat lebih menarik.


Cursor termasuk bagian paling penting dalam blog, karena cursor pertama kali mendapat perhatian dari pengunjung. Dengan membuat kursor mouse menjadi lebih unik tentu akan membuat tampilan blog menjadi lebih keren dan menarik. Selain itu, pengunjung juga tidak bosan ketika melihat kursor yang itu-itu saja. Nah, jika anda tertarik untuk merubah tampilan cursor mouse pada blog silahkan ikuti tutorial dibawah ini.

Mengganti Tampilan Kursor Mouse di Blog

1. Login ke Blogger
2. Masuk ke menu Tata letak
3. Tambah Gadget/Widget
4. Pilih HTML/Javascript
5. Copy dan Pastekan salah satu kode berikut, lalu klik Simpan.



<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 Glitter Busy Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/blueglitbusy.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/blueglitbusy.gif"), auto;}</style>



 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur197.ani), url(http://cur.cursors-4u.net/cursors/cur-2/cur197.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/psychedelic-pointer.html" target="_blank" title="Psychedelic Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Psychedelic Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>




<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 Flaming Soccer Ball Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flamingsoccerball.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/flamingsoccerball.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 Spade Rainbow ani 1 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rainbow-ani1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rainbow-ani1.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 Tail 2 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}</style>
Animated Cool Shiny Blue Pointer
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-11/gam1090.ani), url(http://cur.cursors-4u.net/games/gam-11/gam1090.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/02/24/animated-cool-shiny-blue-pointer.html" target="_blank" title="Animated Cool Shiny Blue Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Cool Shiny Blue Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Sekarang tampilan kursor pada blog anda telah berubah menjadi unik dan keren. Sampai disana saya harap tampilan kursor teman-teman juga sudah terlihat berubah menjadi lebih menarik. Kepuasan tersendiri bisa membuat tampilan blog menjadi lebih menarik dan akan menumbuhkan semangat baru untuk ngeblog lebih hebat lagi.

Demikian cara mengganti tampilan kursor mouse blog dengan mudah. Semoga bermanfaat untuk teman-teman semuanya. Salam blogger, jadilah pembaca yang baik dengan meninggalkan komentar dibawah ini, terima kasih.

Post a Comment for "Cara Merubah Tampilan Cursor Mouse Di Blog"