google-site-verification: google36588831a98f52ad.html

Friday, January 4, 2013

Cara Mengganti Kursor mouse pada Blog


Kali ini saya akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat Bosan dengan Kursor yang SNI ??? Pengen mengganti kursor yang lucu ??? tepat sekali kalo sobat nyasar kemari,,Disini saya akan sedikit share tentang Bagaimana caranya merubah atau mengganti kursor di blog yang standar menjadi elegan.



Nah, di atas itu adalah contoh kursor blog . Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:

1. Login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"
cara ganti tampilan kursor
 

 3. Pilih "Add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: Mengubah kursor tapi tidak mengubah kursor ketika menyorot link


<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

b. Kode 2: Mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
body a:hover{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

SILAHKAN PILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat.
Ada beberapa situs penyedia cursor yang lucu dan keren, sobat bisa mengunjungi situsnya untuk memilih2 kursor mana yang menurut sobat pas di hati..situsnya antara lain:

Atau link gambar kursor koleksi saya:


cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif 
 
http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png
http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png
http://i44.photobucket.com/albums/f13/LONG65/Element2.gif
http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png


Sekian dulu artikel dari saya....
Semoga artikel ini berguna...



Artikel Terkait:

7 comments:

  1. Thx For Artikel nya..
    Sangat Bermanfaat..
    jgn lupa Kunjung balik ya,ke.
    adimbahgahol.blogspot.com
    adimbahgahol.blogspot.com
    adimbahgahol.blogspot.com

    follow aja blog nya ya,nanti blog llu pada,gua FOLLOW juga

    ReplyDelete
  2. WOW
    Semangat Ngeblog ya !!!!
    Kunjungi juga di

    http://www.tik-lebihdekat.blogspot.com

    ReplyDelete
  3. sangat membatu sekali...jgn lpa balik ke blok q ya

    ReplyDelete
  4. makasih banget
    kunjungi jg blok q ya(http:/www.narutoshippudenselalu.blogspot.com)

    ReplyDelete