Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Kursor / Tips Blogging

Cara Mengganti Gambar Kursor di Blog

Oleh Unknown 102 komentar

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 !

102 komentar untuk "Cara Mengganti Gambar Kursor di Blog"

  1. atep2 September 2011 pukul 19.38

    nice info om!

    BalasHapus
  2. Gabriel Ega4 September 2011 pukul 03.27

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

    BalasHapus
  3. XaOn4 September 2011 pukul 14.48

    kerennnn

    BalasHapus
  4. Roofid Yosav5 September 2011 pukul 12.07

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

    BalasHapus
  5. Unknown5 September 2011 pukul 13.03

    Wah pada bingung mau ganti URLnya ya? Pada contoh diatas URL kursornya adalah http://downloads.totallyfreecursors.com/thumbnails/sweden.gif, nah kalo mau diganti dengan yang monkey tinggal ganti aja gambar sweden.gif menjadi monkey-ani.gif. Trus kalo misal saya punya gambar lain yang diupload di picassa atau photobucket, maka cara menggantinya adalah URL kursor semula di http://downloads.totallyfreecursors.com/thumbnails/sweden.gif DIGANTI dengan URL gambar baru di http://i1085.photobucket.com/albums/j434/kursor/gambar-hati.jpg. Sehingga script barunya menjadi <style type='text/css'> HTML,BODY{cursor: url(&quot;http://i1085.photobucket.com/albums/j434/kursor/gambar-hati.jpg&quot;), auto;} </style> dan letakkan diatas kode </head> pada template.

    BalasHapus
  6. Unknown5 September 2011 pukul 13.09

    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
  7. NasarTKJwara™15 September 2011 pukul 15.46

    Thanks Mas...

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

    BalasHapus
  8. aldaretha18 September 2011 pukul 19.02

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

    BalasHapus
  9. فاريز ريزا نيفن سقواد19 September 2011 pukul 16.16

    mas mau tanya , kok gambarnya gak gerak ya ?

    BalasHapus
  10. Share With Irfan19 September 2011 pukul 16.22

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

    BalasHapus
  11. Spectre28 September 2011 pukul 07.52

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

    BalasHapus
  12. download gratis30 September 2011 pukul 11.29

    makaci banget ilmu nya
    kunjung balik gan

    BalasHapus
  13. e-lyricsmode.blogspot.com1 Oktober 2011 pukul 13.45

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

    BalasHapus
  14. Share With Irfan1 Oktober 2011 pukul 21.27

    @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
  15. Anonim4 Oktober 2011 pukul 09.43

    itu cara bikin widget twitter gitu gimana?

    BalasHapus
  16. nuristiaandina6 Oktober 2011 pukul 19.05

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

    BalasHapus
  17. ky8 Oktober 2011 pukul 09.26

    bagusss..nggak bikin ganagu itu gan???

    salam

    http://gubukpantun.blogspot.com/

    BalasHapus
  18. リナ11 Oktober 2011 pukul 18.07

    aku masih nggak ngerti..!!!

    BalasHapus
  19. Ardy Uvorius ™12 Oktober 2011 pukul 22.06

    gann,,qo pny sy gambar ny g gerak yya ??,,tp abz pindah tab bisa ganti gambar.

    BalasHapus
  20. yudhistira16 Oktober 2011 pukul 15.59

    ngari kodenya dimana ya? strees nih... ~x(

    BalasHapus
  21. Fadli Ramadhan17 Oktober 2011 pukul 10.29

    Nice Info Gan Thx ya :)
    visit my blog
    http://ilmu-tidakhabis.blogspot.com/

    BalasHapus
  22. Robin PayTren21 Oktober 2011 pukul 07.25

    nampak keren ei....

    BalasHapus
  23. Toraja Homeland31 Oktober 2011 pukul 11.26

    thanks,,,

    BalasHapus
  24. Anonim4 November 2011 pukul 16.30

    Terimakasih infonya :)

    BalasHapus
  25. HAVOC8 November 2011 pukul 11.30

    HAHAHA KEREN OM
    PATUT DICOBA NIH SARANYA
    GAMBATTE!!
    :D

    BalasHapus
  26. Mambay8 November 2011 pukul 14.46

    wahhh.. kbtulan lg cri tutorial ini ni mas. makasih :D

    BalasHapus
  27. Fuad XP11 November 2011 pukul 13.37

    Mantapp brooo,minta kode-kodenya yaa..thanks sbelumnya..

    fuad-xp.blogspot.com

    BalasHapus
  28. ஜ۩۞۩ஜ-INFO UNIK-ஜ۩۞۩ஜ12 November 2011 pukul 22.43

    malam gan,mampir..~O)

    BalasHapus
  29. Reggy14 November 2011 pukul 14.59

    nice post nih gan..

    visit back and follow me oke...

    BalasHapus
  30. Shinigami20 November 2011 pukul 08.12

    nice share brada ...

    BalasHapus
  31. BAN TERBAIK DI INDONESIA GT RADIAL20 November 2011 pukul 09.42

    thx infox gannn....

    BalasHapus
  32. Unknown20 November 2011 pukul 10.10

    Trims infonya om.. bermanfaat :)

    BalasHapus
  33. Puspa Ayu Wulandari22 November 2011 pukul 18.51

    makasih kak atas infonya. info ini sngat bermanfaat bgi saya. mkasih ya kak
    :)

    BalasHapus
  34. Tisna Anindita Aprilia27 November 2011 pukul 14.58

    bikin facebook,twitter bisa ditarik gmana caranya ya?

    BalasHapus
  35. Septiyadi30 November 2011 pukul 21.36

    keren kk
    tx infonya

    BalasHapus
  36. Unknown8 Desember 2011 pukul 00.44

    thx infox gan...lgsg ke tkp..........pcimmberau.blogspot.com

    BalasHapus
  37. Unknown13 Desember 2011 pukul 20.30

    di coba....:(

    BalasHapus
  38. Anonim18 Desember 2011 pukul 06.48

    :)) makasih tapi kenapa saya gagal terus yah gan?

    BalasHapus
  39. I'm Gamerz19 Desember 2011 pukul 13.51

    Kok gk mau gerak ya?? :-/ mohon bantuannya

    BalasHapus
  40. ◄Deden Usman Hafidi►21 Desember 2011 pukul 11.58

    maaf kak klo code head maksud nya apa ?? ~x(

    BalasHapus
  41. Imamz29 Desember 2011 pukul 17.29

    Info yang bagus gan.... :)

    BalasHapus
  42. Green Leaf Blog's7 Januari 2012 pukul 08.08

    who.....
    Kereeeeennnn....juga nih....

    :))

    BalasHapus
  43. mut11 Januari 2012 pukul 14.37

    dah di coba kok gambar monyetnya g bergerak????

    BalasHapus
  44. gustia kirana14 Januari 2012 pukul 19.24

    thanks gan buat infonya
    visit balik : http://gustiakrn.blogspot.com/

    BalasHapus
  45. freebe23 Januari 2012 pukul 19.40

    kq gx bsa yah
    copy css ny d atas head ny d mna ny?

    BalasHapus
  46. Malindra1 Februari 2012 pukul 10.46

    thanks info nya... aq mo ke tkp dulu...:)]


    mampir ke blog q ya...:D

    Klik Disini

    BalasHapus
  47. Afifah4 Februari 2012 pukul 20.25

    sangat membantu .. suka suka suka ..
    ^_~

    BalasHapus
  48. zunita mahira5 Februari 2012 pukul 14.39

    thanks berat :) sangat bermanfaat

    BalasHapus
  49. Muhammad Aidil Syahfitra Siregar6 Februari 2012 pukul 10.48

    kk , cari kode < / head > itu maksudnya apa kk ?
    beritau dong ! :-/

    BalasHapus
  50. Nella Sagita11 Februari 2012 pukul 18.57

    berhasil makasih ya infonya..

    BalasHapus
  51. DDL Script16 Februari 2012 pukul 23.46

    keren2 ni gan.... makasih yah,, aku mau pake nih

    BalasHapus
  52. Masih Ingin Belajar20 Februari 2012 pukul 02.25

    terima kasih atas semua informasinya, ini sangat berharga sekali untuk blog saya

    BalasHapus
  53. banyu21 Februari 2012 pukul 23.09

    makasih infonya sob.... ^^

    BalasHapus
  54. ade23 Februari 2012 pukul 13.18

    bagus ! terima kasih infonya gan !

    BalasHapus
  55. @lb3rt Ben27 Februari 2012 pukul 19.20

    keren mas.. nice share :D

    BalasHapus
  56. Sandy29 Februari 2012 pukul 15.38

    kok gak bisa ea,,gak ad perubahan

    BalasHapus
  57. Nevi Erliana Sulaksana8 Maret 2012 pukul 10.14

    knapa gagal trs yaa??

    BalasHapus
  58. shadowsaga12 Maret 2012 pukul 22.10

    gimana agar bisa ke css

    BalasHapus
  59. PrincessMala22 Maret 2012 pukul 17.01

    kerenn

    BalasHapus
  60. SECERCAH NIAT PELECUT SEMANGAT18 April 2012 pukul 19.30

    mksi,,sgt bermanfaat

    BalasHapus
  61. Anonim21 April 2012 pukul 10.38

    THANKS ATAS BANTUANYA...^^ MAMPIR KEBLOG AKU YA!!!!!!!

    BalasHapus
  62. Unknown7 Mei 2012 pukul 16.43

    gan plis bantu gw Tempat edit HTML nya dimana ya???

    BalasHapus
  63. Unknown7 Mei 2012 pukul 19.33

    @Arif Munandar
    Edit HTML ada pada menu Template di sidebar kiri pada tampilan antar muka blogger yang baru. Atau jika Arif mau mengedit temlate ya prosedurnya sama, harus memilih Edit HTML.

    BalasHapus
  64. Anonim8 Mei 2012 pukul 08.19

    makasih atas infonya, mas :D baru buat blog juga soalnya :))

    BalasHapus
  65. Unknown9 Mei 2012 pukul 20.41

    terimakasih gan infonya sangat berguna
    kunjung balik

    BalasHapus
  66. Anonim18 Mei 2012 pukul 20.41

    kunjungi blog saya
    http://fernanda-communitycheater.blogspot.com

    BalasHapus
  67. Fina Fani20 Mei 2012 pukul 20.28

    Alhamdulillah bisa, pakai yang ini:
    http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

    Tapi kok gambarnya nggak gerak ya?

    BalasHapus
  68. Unknown4 Juni 2012 pukul 08.00

    woy gimana aku gak ngerti bro ??

    BalasHapus
  69. Unknown7 Juni 2012 pukul 01.04

    gan, knp ya klo di pratinjau/di terapin selalu ada tulisan

    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "b:skin" must be terminated by the matching end-tag "".
    Error 500

    udah berkali" tetep gtu jg , mhon pencerahany..

    BalasHapus
  70. Unknown11 Juni 2012 pukul 06.59

    tq cara nya ya
    :)

    BalasHapus
  71. yuliana yolla11 Juni 2012 pukul 08.52

    thanks untuk infonya gan :D

    BalasHapus
  72. wulandaru12 Juni 2012 pukul 11.27

    permisi
    gan kenapa ya
    tiap edit html selalu gak bisa d save,selalu ada tulisan gini
    Kami tidak dapat menyimpan template Anda.
    Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: Attribute name "xmlns:data-" associated with an element type "html" must be followed by the ' = ' character.

    BalasHapus
  73. Unknown12 Juni 2012 pukul 18.31

    blog saya Expand widget template knp g muncul y ?
    ada sih ada, tp g bs d.klik alias smar2 ajj kliatannya ...
    gmna ituu ?

    mhn bantuannya... cz sy msh baru skalii d.blog

    BalasHapus
  74. Unknown13 Juni 2012 pukul 15.02

    @wulandaru
    Mungkin ada kode yang ketinggalan saat di paste pada template. Coba cek sekali lagi. Kalau masih error coba scriptnya di PARSE dulu, copy dan paste pada template.

    @Sasmitha HP
    Kalau terjadi seperti itu tinggal di represh aja halamannya pasti expand widget tempplatenya muncul. Biasanya ini disebabkan koneksi internet yang lambat.

    BalasHapus
  75. Unknown18 Juni 2012 pukul 12.41

    MMMMMM KREN, THANKS

    BalasHapus
  76. Memel Gomels28 Juni 2012 pukul 01.05

    yhuuu....
    mas irfan makasih ya, infonya sangat membantu
    nambah ilmu lagi nie

    BalasHapus
  77. Unknown28 Juni 2012 pukul 13.28

    Gan Saya udah lengkap Hiasannya gk ada masalah tapi kok yg ini bermasalah ya? kan saya sudah menaruh code script nya di atas code head tapi sesudah di simpan gk berubah kursor mouse nya malah kode yg saya masukkan tapi malah muncul di atas blog

    BalasHapus
  78. godam29 Juni 2012 pukul 12.23

    Sip gan

    BalasHapus
  79. Anonim4 Juli 2012 pukul 09.20

    keren om ,:) saya baru di blogger .. visit http://sllametz-nurohim.blogspot.com/

    BalasHapus
  80. FADHIL6 Juli 2012 pukul 17.17

    sip siiiiiiip

    BalasHapus
  81. Anonim8 Juli 2012 pukul 14.53

    thankyou bro~ now my cursor looks better :)

    BalasHapus
  82. Devindha Permatasari :)20 Juli 2012 pukul 21.29

    kok gmbarnya gk gerak ya ???'

    BalasHapus
  83. Unknown22 Juli 2012 pukul 11.49

    kok setelah di pratinjau tdk ada perubahan?
    mohon di bls. thx :)

    BalasHapus
  84. Unknown26 Juli 2012 pukul 23.44

    weh mau coba2 nih,mempercantik blog.

    BalasHapus
  85. Unknown9 Agustus 2012 pukul 14.22

    numpang nanya ko kursornya kan di sample bergerak tpi di blog saya gk bergerak gmna tuh ?

    BalasHapus
  86. Unknown23 Agustus 2012 pukul 04.37

    nice share :D

    BalasHapus
  87. Admin2 September 2012 pukul 22.44

    Wah... menarik sekali ni gan
    Terima kasih ya

    Ane numpang lapak ya
    Kalo seandainya temen2 merasa kesulitan memproleh follower asli Indonesia di twitter. Ane siap bantu

    Harga murah
    250 Follower = Rp.27.000,-
    500 Follower = Rp. 47.000,-
    1000 Follower = Rp. 87.000,-
    2000 Follower = Rp. 157.000,-
    3000 Follower = Rp. 237.000,-
    5000 Follower = Rp. 387.000,-
    10.000 Follower = Rp. 767.000,-

    kunjungi juga www.rumahfollower.blogspot.com


    Kalo berminat
    ni nope ane 081996109560 / pin:295F9805

    BalasHapus
  88. Unknown21 September 2012 pukul 19.27

    mantap gan, sukses aku......

    BalasHapus
  89. Unknown23 September 2012 pukul 02.11

    izin copas gan

    BalasHapus
  90. onkituz27 September 2012 pukul 17.24

    wah kok bendera swedia ni contohnya bro? tp OK jg..hhaahaha

    BalasHapus
  91. Unknown30 September 2012 pukul 10.20

    makasih ,,
    udah dicoba,,
    hehe ,,

    BalasHapus
  92. info cerdas Ir. Nur ustadi, M. Pd17 Oktober 2012 pukul 08.11

    Siiip deh

    BalasHapus
  93. Unknown20 Oktober 2012 pukul 21.57

    saya masih bingung

    BalasHapus
  94. Unknown7 November 2012 pukul 21.35

    thanks banget sob

    BalasHapus
  95. adi11 November 2012 pukul 02.09

    makasih kk

    BalasHapus
  96. Unknown31 Desember 2012 pukul 16.43

    gmana dong kasih sama praktek ngerjainnya,,,,

    BalasHapus
  97. devie21 Januari 2013 pukul 11.15

    bagus kak saya coba ya!!?

    BalasHapus
  98. Unknown25 Januari 2013 pukul 18.23

    ijin copy boleh?

    BalasHapus
  99. eziiek_reLa'snew31 Januari 2013 pukul 21.48

    ..sipb
    .skrag cursor na bisa ganti :)

    BalasHapus
  100. Unknown3 Februari 2013 pukul 23.30

    sip gan berhasil dan sangat bermanfaat.. thx gan

    BalasHapus
  101. Unknown15 Februari 2013 pukul 15.52

    dak berubah mang

    BalasHapus
  102. Anonim17 Februari 2013 pukul 11.11

    gan itukalau di pake bisa bikin berat blog ga gan?.

    BalasHapus