Selasa, 16 Agustus 2011

Cara Membuat Gambar Bergerak Di Blog

Mungkin ada diantara teman-teman yang ingin membuat banner berjalan di blog,atau jika punya gambar kesayangan mungkin bisa buat gambar berjalan di blog, bisa juga jika punya foto maka membuat foto berjalan di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di dalam postingan atau di disebar (gadget html/javascript). Prosedur atau cara buat banner berjalan hampir sama dengan cara buat teks berjalan (marquee).

Secara garis besar ada beberapa tahap yang harus anda lakukan :
1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti tinypic,photobucket,dll (dalam contoh ini kita menggunakan tinpyc)
2. Buat kode banner di blog

berikut ini tutorialnya :
1. Buka situs tinypic disini, login dengan email dan password tinypic anda kemudian upload gambar dari komputer ke tinypic
(Jika belum punya account anda bisa daftar dengan klik tombol Sign in)



Klik Browse, pilih gambar di komputer , klik Upload Now



Anda akan mendapatkan link gambar yang sudah diupload (Gunakan link yang ada di : Direct link for layouts)


2. Login ke dasboard blogger, buat entri baru atau add gadget html/javascript
Masukkan kode berikut ini :

<marquee behavior="scroll" direction="left" height="60" scrollamount="3" width="210"><img src="http://i54.tinypic.com/72d3so.jpg" /></marquee>

keteranagan :
kode merah adalah alamat web gambar yang sudah anda upload di image housting.
kode kuning adalah pengaturan untuk menentukan batas atau rel pergerakan dari gambar anda tadi.
kode biru adalah pengaturan cepat lambatnya gambar anda bergerak.

contoh dari tutorial tadi adalah seperti ini :




 

3 komentar:

© 2012 -adi | caca | Blogger Template HTML 5 | Designed by kimzigr | Using The 1KB Grid | Powered by Blogger