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("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), 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 Responses to "Cara Mengganti Gambar Kursor di Blog"
nice info om!
kk, itu yg tulis kode CSSnya di mana ya,..??
kerennnn
Halo..Mw tanya...Gimana cara ganti URL nya??Jawab ya!Hehehe
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("http://i1085.photobucket.com/albums/j434/kursor/gambar-hati.jpg"), auto;} </style> dan letakkan diatas kode </head> pada template.
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..
Thanks Mas...
Kunjungi Blog Pemula!
http://nasartkjwara.blogspot.com
di Follow ya...
cursornya gak bisa pake photo sendiri ? kalo bisa , ajarin dong ..
mas mau tanya , kok gambarnya gak gerak ya ?
@Alda
Wah kalo kursornya pake foto sendiri, nanti pengunjung blognya malah mandangin kursor aja dan ngga jadi baca..:D
wwiiihh,,,keren ga,,,
visit ke blog aku juga ya...
kalau follow boleh juga..
makaci banget ilmu nya
kunjung balik gan
apa kalau dipasang, tidak memberatkan loading page blog nggak mas??
@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
itu cara bikin widget twitter gitu gimana?
nyari kodenya gimana ko bingung ya?udah di coba berkali-kali tetp gagal terus ngetik ctrl+f itu dimananya?
makasih:)maap pemula
bagusss..nggak bikin ganagu itu gan???
salam
http://gubukpantun.blogspot.com/
aku masih nggak ngerti..!!!
gann,,qo pny sy gambar ny g gerak yya ??,,tp abz pindah tab bisa ganti gambar.
ngari kodenya dimana ya? strees nih... ~x(
Nice Info Gan Thx ya :)
visit my blog
http://ilmu-tidakhabis.blogspot.com/
nampak keren ei....
thanks,,,
Terimakasih infonya :)
HAHAHA KEREN OM
PATUT DICOBA NIH SARANYA
GAMBATTE!!
:D
wahhh.. kbtulan lg cri tutorial ini ni mas. makasih :D
Mantapp brooo,minta kode-kodenya yaa..thanks sbelumnya..
fuad-xp.blogspot.com
malam gan,mampir..~O)
nice post nih gan..
visit back and follow me oke...
nice share brada ...
thx infox gannn....
Trims infonya om.. bermanfaat :)
makasih kak atas infonya. info ini sngat bermanfaat bgi saya. mkasih ya kak
:)
bikin facebook,twitter bisa ditarik gmana caranya ya?
keren kk
tx infonya
thx infox gan...lgsg ke tkp..........pcimmberau.blogspot.com
di coba....:(
:)) makasih tapi kenapa saya gagal terus yah gan?
Kok gk mau gerak ya?? :-/ mohon bantuannya
maaf kak klo code head maksud nya apa ?? ~x(
Info yang bagus gan.... :)
who.....
Kereeeeennnn....juga nih....
:))
dah di coba kok gambar monyetnya g bergerak????
thanks gan buat infonya
visit balik : http://gustiakrn.blogspot.com/
kq gx bsa yah
copy css ny d atas head ny d mna ny?
thanks info nya... aq mo ke tkp dulu...:)]
mampir ke blog q ya...:D
Klik Disini
sangat membantu .. suka suka suka ..
^_~
thanks berat :) sangat bermanfaat
kk , cari kode < / head > itu maksudnya apa kk ?
beritau dong ! :-/
berhasil makasih ya infonya..
keren2 ni gan.... makasih yah,, aku mau pake nih
terima kasih atas semua informasinya, ini sangat berharga sekali untuk blog saya
makasih infonya sob.... ^^
bagus ! terima kasih infonya gan !
keren mas.. nice share :D
kok gak bisa ea,,gak ad perubahan
knapa gagal trs yaa??
gimana agar bisa ke css
kerenn
mksi,,sgt bermanfaat
THANKS ATAS BANTUANYA...^^ MAMPIR KEBLOG AKU YA!!!!!!!
gan plis bantu gw Tempat edit HTML nya dimana ya???
@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.
makasih atas infonya, mas :D baru buat blog juga soalnya :))
terimakasih gan infonya sangat berguna
kunjung balik
kunjungi blog saya
http://fernanda-communitycheater.blogspot.com
Alhamdulillah bisa, pakai yang ini:
http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
Tapi kok gambarnya nggak gerak ya?
woy gimana aku gak ngerti bro ??
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..
tq cara nya ya
:)
thanks untuk infonya gan :D
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.
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
@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.
MMMMMM KREN, THANKS
yhuuu....
mas irfan makasih ya, infonya sangat membantu
nambah ilmu lagi nie
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
Sip gan
keren om ,:) saya baru di blogger .. visit http://sllametz-nurohim.blogspot.com/
sip siiiiiiip
thankyou bro~ now my cursor looks better :)
kok gmbarnya gk gerak ya ???'
kok setelah di pratinjau tdk ada perubahan?
mohon di bls. thx :)
weh mau coba2 nih,mempercantik blog.
numpang nanya ko kursornya kan di sample bergerak tpi di blog saya gk bergerak gmna tuh ?
nice share :D
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
mantap gan, sukses aku......
izin copas gan
wah kok bendera swedia ni contohnya bro? tp OK jg..hhaahaha
makasih ,,
udah dicoba,,
hehe ,,
Siiip deh
saya masih bingung
thanks banget sob
makasih kk
gmana dong kasih sama praktek ngerjainnya,,,,
bagus kak saya coba ya!!?
ijin copy boleh?
..sipb
.skrag cursor na bisa ganti :)
sip gan berhasil dan sangat bermanfaat.. thx gan
dak berubah mang
gan itukalau di pake bisa bikin berat blog ga gan?.
Silahkan tinggalkan komentar sobat dengan menggunakan opsi Name/URL. Mohon jangan komentar SPAM ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.