Jumat, 01 Februari 2013

Cara membuat kursor animasi di Blog

Assalamu'alaikum
udah k.4 x nya saya bikin blog,,yg 3 udh saya hapus,,dan ini yg k.4...heeee (curcol)

upppzzt jd lupa, kali ini saya akan open source ttg cara membuat kursor animasi diblog. kadangkan bosen ya ngliat JS(jejaring sosial) yang biasa" aja,,bikin bosen,,
nha x ni saya bakal buka"an,,eitz bkn buka baju ato lainya ya,, tapi merubah tampilan blog jadi lebih menarik,,

ini dia, syntaxnya:
  1. Buka Rancangan --> masuk ke Tata Letak --> pilih Tambah Gadget
  2. pilih HTML/JavaScript  setelah itu copy paste syntax berikut :
 <style type="text/css">body {cursor:url("http://i47.tinypic.com/20hukc7.png"),default}</style> 

simpan dan liat hasilnya.  

atau bisa juga dengan cara berikut
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

Tidak ada komentar: