Tutorial Bikin Cursor Blog Sendiri

Percakapan di kampus

Bunga: "Mas, itu ko cursor blognya bisa gitu sih?"

Gue: "gitu gimana?" *gaya om2 hidung zebra

Bunga: "ya gitu mas, cursornya gitu"

Gue: "emang cursor aku gimana gitu?"

Bunga: "gitu lho mas, kepalanya mas wahyu bisa melayang-layang"

Gue: "waduh, kek setan dong"

Bunga: "aaaaaaarrrrrgggghhhh, liat sendiri deh di blog!!!" 

Okeh guys, di postingan kali ini gue bakal ngebahas gimana caranya ganti cursor di blog biar tampilan blog lo makin kece kaya blog gue.

Buat kalian yang penasaran kaya (sebut saja) Bunga, nih gue kasih liat tampilan cursor yang bunga maksud

yg dimaksud bunga kepala gue melayang2 itu yg di lingkaran merah

Gimana? kece kan?... mau tau caranya? let's cekidot gan

Gambar Cursor

1. Siapin foto yang atau gambar yang mau lo jadiin cursor. Foto/gambarnya terserah, mau itu muka lo atau itu lubang idung lo. Terserah, disini gue membebaskan kalian supaya lebih berekspresi.

2. Masuk ke aplikasi photoshop atau lainnnya yg lo bisa (gue pake photoshop CS2). Resize ukuran image jadi ukuran 50x50 pixel. Ini ukuran standar yg gue tentuin sendiri sih, soalnya kalo kegedean jadi ga enak diliat, soalnya ini cursor.

3. Save dengan format file PNG.

Upload gambar

1. Masuk ke situs imageshack.us lalu pilih menu browse. Pilih gambar cursor yg udah lo buat tadi. klik Open.

2. Klik Upload Now.

3. Kalo gambar udah ke-upload, klik tulisan Continue to the image links. Setelah itu biasanya lo disuruh register (buat yg belum punya id di imageshack). Register aja, cukup masukin alamat email, terus verifikasi ke alamat emai lo.

4. Copy link yang ada di Direct Link.

5. Paste di note pad.

Ganti Cursor di Blog

1. Login ke blog lo.

2. Pilih Template, pilih Edit HTML.

3. Cari kode </head>. Biar carinya cepet, tekan Ctrl + F, terus ketik kodenya.

4. Copas kode ini tepat di atas kode </head> :

<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;}
</style>

5. Yang warna biru diganti sama URL cursor yg udah lo upload di imageshack (baca lagi bab Upload gambar, step nomer 4)

6. Simpan template, dan lihat perubahannya.

Gimana? gampang kan? gampang lah, gue aja nyoba sekali langsung bisa...

selamat mencoba guys, jangan kapok ya, kalo masih belum bisa, coba lagi, lagi, dan lagi sampai lo bisa, kalo emang ga bisa berarti anda belum beruntung, terus? ya coba lagi lah. Ciao

Share On: