Friday 10 August 2012

Cara Bikin Cursor Animasi sendiri di Blog

Cara Bikin Cursor Animasi di Blog 

Setelah banyak panggilan di luar sana yang nyuruh gw ngepost lagi *siapa yang manggil woy?* , akhirnya dengan senang hati gw ngabulin permintaan mereka, scara gw kan baik hati, tidak sombong, rajin menabung~




kaya diatas,itulah contoh cursornya
Pertama, cari gambar yang akan dijadikan cursor, bisa dicari di internet ato kalo mau tinggal bikin dengan kreativitas sendiri
Selanjutnya, upload gambar ke media tempat penyimpanan gambar, seperti photobucket ataupun tinypic dan copy kode HTML yang ada di sebelah tulisan URL Link. Contohnya aja nih, cursor kodok yang ada di blog gw, dengan alamat http://i47.tinypic.com/20hukc7.png

1. masuk ke Rancangan >> edit HTML>> centang  Expand Template Widget
2. cari kata body { , untuk memudahkan pencarian gunain aja ctrl+f .

Setelah ditemukan, copykan alamat url cursor yang udah di upload tadi di bawah kode body { dengan format Script dibawah ini :



cursor:url("http://i47.tinypic.com/20hukc7.png "),text;
 *ganti tulisan berwarna merah dengan URL cursor kamu  

setelah itu klik Simpan Template, dan kursornya pun terganti :)
/////////////////////////////////////////////////////////////////////////////////

ato bisa juga dengan cara menambahkan widget cursor ke dalam blog kamu..
caranya :

1. login dulu ke blognya kamu
2. di Rancangan, klik tambah gadget, dan pilih penambahan gadget HTML/JavaSript .
3. Setelah itu, copy url kamu dengan format
 <style type="text/css">body {cursor:url("http://i47.tinypic.com/20hukc7.png"),default}</style>
 ganti tulisan yang berwarna merah dengan URL cursor kamu
4. Simpan

Naah.. gampang kan? Langsung aja dipraktekin dan liat perubahan di Blog kamu.
Kalo ada yang kurang jelas tanyain aja lewat komentar di bawah

0 comments:

Post a Comment