Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengganti Gambar Kursor di Blog


Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif


                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif


                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif


                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif


                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
               

Cara mengganti gambar kursor di blog :

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
6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

16 komentar untuk "Cara Mengganti Gambar Kursor di Blog"

  1. kk, itu yg tulis kode CSSnya di mana ya,..??

    BalasHapus
  2. Halo..Mw tanya...Gimana cara ganti URL nya??Jawab ya!Hehehe

    BalasHapus
  3. Saran saya buat sobat yang mau ganti kursor, kode script n0.4 di copy dan paste dulu di notepad. Sehingga akan terlihat jelas dimana yang ada SPASInya. Karena kesalahan kecil pada SPASI saja, scriptnya malah jadi tidak berfungsi alias GAGAL!! Untuk itu harus teliti dan hati2 ya..

    BalasHapus
  4. Thanks Mas...

    Kunjungi Blog Pemula!
    http://nasartkjwara.blogspot.com
    di Follow ya...

    BalasHapus
  5. cursornya gak bisa pake photo sendiri ? kalo bisa , ajarin dong ..

    BalasHapus
  6. @Alda
    Wah kalo kursornya pake foto sendiri, nanti pengunjung blognya malah mandangin kursor aja dan ngga jadi baca..:D

    BalasHapus
  7. wwiiihh,,,keren ga,,,
    visit ke blog aku juga ya...
    kalau follow boleh juga..

    BalasHapus
  8. makaci banget ilmu nya
    kunjung balik gan

    BalasHapus
  9. apa kalau dipasang, tidak memberatkan loading page blog nggak mas??

    BalasHapus
  10. @e-lyricsmode
    Setahu saya kalo cuma ganti gambar kursor ngga masalah dgn loading blog, kan cuma CSS. Size-nya kecil banget jd no problem lah. Beda kalau kita menggunakan javascript yg mmg suka bikin blog jadi lemot :D

    BalasHapus
  11. itu cara bikin widget twitter gitu gimana?

    BalasHapus
  12. nyari kodenya gimana ko bingung ya?udah di coba berkali-kali tetp gagal terus ngetik ctrl+f itu dimananya?
    makasih:)maap pemula

    BalasHapus
  13. bagusss..nggak bikin ganagu itu gan???

    salam

    http://gubukpantun.blogspot.com/

    BalasHapus