Jumat, 15 Maret 2013

Cara Mengganti Pointer 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 yang tersedia di bawah ini :


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q5i19SFc1aFNUQJBDyC4nAXn5QRIyXFb_gAPcOsmRpsiLSvtC-WqIafbtmrX2mY9YlRIn21LijTwrEzwu-TIyfCxI3OU1EiwU3AQVoeBcg_qRnBGokuPsWBOQqZGyuwzxFHLWh4YfOe4/s1600/cur283.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxR7xe8HP9DJ7oc0VLl4A_AlB3d63XLJWyPrSZFsO-JkwxlxtapYHgdEnYPt2VtpcaoJtagId5bKJylRfwZyjJaSPtTLMsWM4nmjPJLYqChBuFmfGR917qDGpNja2oVEf9S86Q_ppXBBqM/s1600/cur740.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5Ppip5QjjLwKQz1NcARkI18vlKCaTqFFRc3btduVEi_6FBm0rSFySKtTd9Eji7nzw0pXiu2IDrp-IP1GStRe_JChCzsi2pZ7W61eYnBdADY1LpvlcuRhrL2pJDFVj41pIOIjkiDM9vCy/s1600/cur815.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzDhkTRmGqV51oOiuhVLrPfq_DL289MFXdxvSlQ1tUy89RBCe50Ki3WXc3elFmLvr8_C7To4KGSo_Rs_fv6isZbsBlYcAnYtFaHx3QY5BfMi0BZyNuVwzVfhi_1Toh9xpm5kf85SKAJTC/s1600/oth617.png
 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8pgIYTrx_AanoiazbmaB6VA2lUDxnwG7KlLu0JtyR4R6HgWP9JvEvr65N8MizV2wbdr9i9i9dHTLpf3zpzBHgFU6K8S5RTV4w_FbrhZ2BRKkiKQkAdysipbb4rzAeQFjT_qyBW8F7I4t/s1600/cur1054.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8WMvHFneaqAFtGODXq5LN33RqapGivHvVmDiqWs74Bz1e9Qwi5tTJ1W-eZdes1QhmgwkgyrXxV_PzvpLNYHxjNwfeHP39oe8YZPwLldV641cDIi3HElam7E3ONjnogLFtjet_JfhTWKD/s1600/cur1031.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9i5cn7NfScSr5a-MWJq0qUHGR8BOQYpRPU5Qe8qD9lmRwCE5Fk-Pzu9L8_hx54EDs67xE72jlsvmtZf22TS_8-8WngC6WFddbudmc0evDsqyXGbnrGQZ5shSFj4krHKeWKTmUv5Hp0LI/s1600/cur951.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzH6CNwYD5e-XTl3UQ5crDZTMhpiP93lYofq9J6fwlpvESon2A1Y0KrEo2cclUCTJ0PdFlB0Ca-CuTx6x8MhB-LWqhgH0Rz_CVSRH9aw-FO4EAYak7djr6BHL3XiUTdxbkgiYEjQgBUP52/s1600/oth591.gif


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


Sumber dari :  http://smbjagasatru.blogspot.com/2013/01/cara-mengganti-kursor-mouse-pada-blog.html
dan http://galontong.blogspot.com/2013/01/kumpulan-cursormouse-pointer-untuk-blog.html

7 komentar:

  1. Terima kasih telah mensertakan sumber tapi anda ada yang salah sedikit jika mouse pointer di ganti menggunakan link itu akan membuat agak salah pada mouse sebaiknya lakukan seperti di blog saya

    BalasHapus
  2. Balasan
    1. Kunjungan baliknya ya.. www.fahmifanirius.ga

      Hapus
  3. terimakasih sob tutorialnya... sangat membantu..

    BalasHapus
  4. Gan, kalau mau ganti kursor harus, bisa semua gambar atau khusus yang gambar kursor?

    BalasHapus
  5. Berikut tutorial cara ganti kursor di blog,bisa di baca selengkap nya,
    http://favouritenewss.blogspot.co.id/2016/05/pokerpelangipoker-bandar-q-bandarqq.html

    dan ada hadiah 80juta untuk KONTES THE MASTER SEO juga loh gan, :)

    BalasHapus