Irfanda Siagian

Home » » Tips Menambahkan Cursor Unik Di Blog

Tips Menambahkan Cursor Unik Di Blog

Written By irfanda siagian on Kamis, 09 Mei 2013 | 07.26

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.
Share this article :

1 komentar:

Cool Blue Outer Glow Pointer
Diberdayakan oleh Blogger.

Gunadarma University

Translate

tweets

Followers

 
Gunadarma University
Irfanda Siagian
Copyright © 2013. Do You Know ? - All Rights Reserved
Template Created by Creating Website Modificated by Irfanda Siagian
Proudly powered by Blogger