Mengganti Penampilan Cursor Lebih Menarik

Jika anda sudah bosan melihat penampilan cursor anda yang hanya berupa garis panah, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan anda ganti sesuka hati gambar apapun yang akan anda inginkan.

Mungkin trik ini sudah banyak para sobat yang tahu, tapi karena saya hanyalah pemain baru dalam design website, wajar rasanya saya meluangkan waktu untuk bisa berbagi untuk para sobat sekalian yang mungkin juga baru di dunia website ini. Dan untuk senior-senior design website yang membaca postingan ini, mohon beri masukkan kepada kami yang baru belajar dan pingin belajar.

Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini

cursor: url("http://bohongan_doang.gif"), default;

7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
12. Selesai

Selamat mencoba, semoga bermanfaat

Sampai Saat Ini Sudah Diterima 75 Komentar Untuk Artikel
" Mengganti Penampilan Cursor Lebih Menarik "

AG-Loc / Ananda ganesha mengatakan...

bagus infonya..
makasih yaa...
sebetulnya aku tau caranya, tapi gak tau kodenya harus disimpen dimana..
hehehehe...

selain link di atas, ada juga tempat download cursor yang bagus:
http://www.123cursors.com/

AG-Loc / Ananda ganesha mengatakan...

btw, emang extensinya harus gif yaa....?? klo ani atau cur bisa gak??

Uda Ronsi mengatakan...

@ AG-Loc
terimakasih atas link nya. akan menjadi alternatif u sobat kita yg lain
kalau extensinya...kayanya ga harus .gif koq.

max mengatakan...

tengkyu infonya...

kapan2 pasang aaah...:D

hady mengatakan...

menarik juga nih....jadi pingin nyoba di blog sendiri ^_^

tonibanzai mengatakan...

tutorial yang bagus biar blog makin menarik keep psoting new tutorial brow...

Pit-Onta mengatakan...

Tutornya keren uda :) aku coba ahh boleh ga aku rubah bahasa ??? heheheh...

Uda Ronsi mengatakan...

@ Pit-Onta
dipersilahkan dengan senang hati... monggo...

kun mengatakan...

langsung k TKP bos!

Blok c No.3 mengatakan...

Info yang bagus Da...

KOch mengatakan...

Bagus .. nanti boleh deh dicoba2 :)

akane mengatakan...

itu body { ada dimananya??? aku bingung.....
aku mau coba!!!!!

aan mengatakan...

makasih ya udah di posting permintaan q

sukses selalu ya mazzz

4k4n3ch4n mengatakan...

aku dah bisa,,,,
hip hip horey....
asik....
blogku tambah lucu dech...
thx tutor nya

holil mengatakan...

boleh dicoba tuch
thnk

the_yogilicious mengatakan...

ih keren neh,,,

aku dirumah ada kursor doraemon (hehehehhe,,, masih demen ama doraemon neh!)

makasih yah???

Sheila Secound Blog mengatakan...

saya sudah coba..
tetapi klo saya milih kursor (yg hanya terlihat bila mw me-link sesuatu) sajah...
kalo yg satu ya lgi gak bisa ....
terus kdg di blogger saya..
di bagian pojoj kiri atas ada tulisan kode HTML ya.. saya mw tnay bagaimana ya??
biar kursor yg di blog saya terlihat sempurna?

janu mengatakan...

wah bagus banget infonya
gw coba deh kursornya
biar lebih keren bog gw
hehehe.....

Om Canel mengatakan...

Mantap mas uda ,,

..^-^.. mengatakan...

ThankQ-U...!!

trik-tipsblog mengatakan...

hm boleh mas

http://trik-tipsblog.blogspot.com

mel_anie mengatakan...

nice info! tapi pas mel cobain malah g berhasil yah!!! :) kode cursor yang dicopy yang mana yah!udah dicoba tapi g bisa deh,,, :(

Andi mengatakan...

Makasih info nya :)

yanuar catur rastafara mengatakan...

wah,,nyoba dech kursornya
tengkyu brooo

infini3 mengatakan...

O, begitu caranya ya. Setelah sekian lama ngeblog, baru tau saya caranya begitu. Makasih ya.

Nur Maulida mengatakan...

oh gitu toh... ok dech ku coba

HeWie mengatakan...

makasih tipsnya..

Boejang Sabar mengatakan...

makasih mas tas triknya n sangat bermanfaat.

Gudang Banner & Link Exchange mengatakan...

wah bermanfaat banget neh infonya, coba ah..
teman2 yang mau tukeran banner / link mampir yach
www.tukar.webs.com
thanks to UDA

febry mengatakan...

makasih infonya mas ..

OrLaNd mengatakan...

benar2 luar biasa uda punya blog....
selalu berbagi uda,,,
Keep Posting....


Bet Regard,
OrLaNd

khafi mengatakan...

infonya keren .. :d

Joe Engressia mengatakan...

wah pnuh kreasi ni dsini. cursor gwa jdi lbih mntap Uda.

rudeegoid mengatakan...

wah,, keren nih.. tar tak coba ah..

uda memang sip!!

Sugeng Setyawan mengatakan...

infonya keren makasih uda

~uPik_@bU~ mengatakan...

aduchhhh :( , bolak balik nyoba gag isa" :((

robbyanto mengatakan...

alo bro mampir nih

Sastrocaster mengatakan...

Infonya bagus mas Uda...bermanfaat. Maksih ats kunjungannya

Nancy mengatakan...

Nice article guy..keep sharing

www.sampara.com mengatakan...

Thanks for tipnya

DeciL mengatakan...

Hebat Guru...

Rendy BlogHeboh Tutorial Blogging mengatakan...

Postingnya menarik baget ni keren be ge te daah..
hahaha..

Salam kenal ya.
ngomng2 silahkan berkunjung ke BLOG HEBOH dan berkomentar ria ya, soalnya BLOG HEBOH make sistem Dofollow

Oh iyah satu lagi gabung jadi pengikut saya yah..
Di tunggu yah kedatangannya,.

http://blogheboh.blogspot.com

bisnisway mengatakan...

wah jadi imut nih berarti kalo diganti cursor giniyah....

kakve-santi mengatakan...

simpan dulu bang,,,,

pengen nih...

Lina mengatakan...

kok kode body { ga ada ya??
aku cari di Fairfox(ctrl+f), tapi kok ga bisa..?

agito-chan mengatakan...

kak uda.. makasih udah ngasih tau...!!!

aidiel fitra mengatakan...

thank for this information.........

allroundus mengatakan...

Hi... nice blog
And usefull info.

[ Uda ] mengatakan...

:10

icas mengatakan...

thanks mas..

bagus banget

RaiN mengatakan...

aduh..............
kuk ga bisa ya???

sopiha mengatakan...

kok belum bisa? cara downloadnya gmn?

[ Uda ] mengatakan...

@ sophia...
Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location,trims.

it news mengatakan...

siph-siph... lagi aku coba mas..
good luck blognya...

riyani mengatakan...

thx ea ,,,,,,


bermanfaat bgt ,,,,

Anonim mengatakan...

Mas udah tak obrak abrik tetep g bisa :33

Pras mengatakan...

Bisa Pak :42, trima kasih nih... Hehe, untuk yang kesulitan mencari kode HTML, gunakan saja CTRL+F, tiap HTML templates pasti ada kok body {
:16

MoLuCcAs mengatakan...

knp g ada anunya y........?????.........:41
yg itu tuh loh yg kayak bumbu2 klu kursornya gerek2..........:39

arga mengatakan...

Terimakasih... Tolong buka blog aku... Koq aku g bisa ya? :30

La Malik mengatakan...

:10
Coba dulu deh...

arga mengatakan...

Setelah dicoba-coba, akhirnya bisa juga. Terimakasih uda...

HarvestMoon mengatakan...

eh q dah coba kok gx bisa? malah judulny aj yang ad bantuin donk>?

Darwis mengatakan...

kok gakbisa sih

rinto adi purwanto mengatakan...

kok udah di coba gak bisa kenapa ya....?

[ Uda ] mengatakan...

@ HarvestMoon

saya udah periksa template anda, ternyata anda belum mengganti script URL nya, di sana saya lihat masih tertulis
cursor: url("http://bohongan_doang.gif"), default;
coba anda ganti sementara dengan URL yang saya pakai ini
cursor: url("http://img95.imageshack.us/img95/4945/pinginbelajar.gif"), default;

[ Uda ] mengatakan...

@ Darwis
saya sudah berkunjung ke blog anda, ternyata anda sudah bisa melakukannya, selamat ya...

@ rinto adi purwanto
saya sudah berkunjung ke 4 buah blog anda, di semua blog anda tersebut sama sekali anda belum menambahkan script tsb,
makanya anda tidak mendapatkan apa yg saya tulis seperti di atas

Inside of Me mengatakan...

Whooaaa baru nemu ni blog, kereeen oy bisa jadi inspirasi nih bro :10

Mbah Software mengatakan...

uda... sesama saya sekarang siswa sman 8 Pekanbaru.. bangga punya alumni sma 8 kyk gini.. :16

link balik y da..
blog saia berisi tentang software-software komputer,, d jamin update..

www.guntp.blogspot.com mengatakan...

:13 kode body { na ga kteMu. . .da yg isa bantu ga?

dengarkan mengatakan...

hmm keren ya atas semua infonya thank's ya... mudah mudahan blog ima banyak di kunjungi orang-orang 23

The Blog 25 mengatakan...

:10 dri dlu bingung narok dimana tuh kode.. skarang tau deh ^^

Anonim mengatakan...

thanks bgt nice info. akhir nya bisa juga ^^

suci mengatakan...

makasih ya pak tutor nya,,alhamdulillah bisa
mampir-mampir ke blog saya ya pak n kasih saran ttg perbaikan blog sya krn saya blogger pemula..
:16

oh ya 1 lgi pak,,cara buat tulisan didalam kotak emotion itu gmn c? spt punya bapak:
"Tambahkan Emoticon Berikut Ini Ke Dalam Komentar Anda. Caranya Cukup Dengan Mengetik Kode Yang Berwarna Biru Di Samping Kanan Emoticon Tersebut
"

Replica Watches mengatakan...

makasih tutornya ..

Mobil Keluarga mengatakan...

bisa buat belajar, salam kenal

Tambahkan Emoticon Berikut Ini Ke Dalam Komentar Anda. Caranya Cukup Dengan Mengetik Kode Yang Berwarna Biru Di Samping Kanan Emoticon Tersebut

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45

Poskan Komentar