Minggu, 12 Februari 2012

Cara Merubah Penunjuk atau Kursor pada Blog

 

Buat para gan yang pengen merubah penunjuk / kursor pada blog biar blognya lebih mewah atau menawan ,  gini caranya .
langsung aja dech ga usah bertele-tele , :
Saya mengambil gambar kursor dari http://www.cursors-4u.com/ dan Anda dapat mengubahnya kapan saja tergantung pada suasana hati Anda.
Tutorial ini akan membantu Anda untuk mengubah kursor mouse pada blog Anda untuk kursor animasi.
Petunjuk Untuk Ikuti:
1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

    <style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>
5.    Simpan template anda dan lihat perubahan pada gambar kursor

Atau Anda Bisa Juga Gunakan yang Ini :
<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur), progress;}</style>

Now Click Save Template



You can change the cursor image just change the above Red code

Some cursors are give bellow

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur), progress;}</style>






<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur), progress;}</style>



<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur), progress;}</style>




<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur), progress;}</style>




<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur), progress;}</style>




<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur), progress;}</style>




<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur), progress;}</style>




<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur), progress;}</style>





<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur), progress;}</style>




<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur), progress;}</style>



<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur), progress;}</style>


<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>
Note: from :http://www.acehsaya.com


8 komentar:

  1. Aku Ngga tahu Caranya . Buka ini . Ini ada di bagian mana ? Pilih Rancangan > Edit HTML, centang Expand widget template.

    BalasHapus
  2. dmna tulisan rancangan nya gan???
    gg keliatan,,,
    jelasin age dunk

    BalasHapus
  3. MantaP Gan SanGat MembanTu Q Tukaran LinG YuuuuK
    heeeM pertama masuK templet, rancangan, edit HTML centang dulu,,Di Pilihan tu,, Tgal Pake ctrl F cari kodenya enter,, ya tinggaL kasih masuk code & seve Jadi,,Mkin LebIh jelasnya tanya admiiN deh???
    Singgah Di PunyaKu ya??? Tukaran LinG
    http://ariefcinta.blogspot.com/2012/12/link-sobat-cinta-sejati-tukaran-link.html

    BalasHapus
  4. Thanks Gan...
    bermanfaat banget..

    BalasHapus
  5. Gan Pilih Rancangan Di mana Maklum Ane Masih Newbie gan

    BalasHapus