RSS2.0

Tutorial Membuat Foto Bergerak/Berjalan

Minggu, 06 Maret 2011


Dalam postingan kali ini saya akan menerangkan bagaimana cara membuat foto berjalan di blog.
Foto Yang berjalan di blog memang sangat menarik untuk dilihat. Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek dari marquee.
Langsung saja kita praktekkan.
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog
Copy dan Paste kode berikut ke blog anda :


<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee
onmouseover="this.stop()"
onmouseout="this.start()"
scrollamount="2" direction="up" width="192" height="132" align="center">
<img src="
http://www.binar.jw.lt/images/header1_1.gif" height="130" width="190"/>
<br/>
<img src="
http://www.binar.jw.lt/images/binar_3_thumb.gif"
height="130"
width="190"/>
</marquee>
</td>
</tr>
</table>



hasilnya sebagai berikut:









atau
Membuat Gambar berjalan Dari kiri ke kanan
Copy dan paste kode berikut ke blog anda :

<marquee align="center" direction="left" height="200" scrollamount="3" width="100%">
<img src="
http://www.binar.jw.lt/images/header1_1.gif"
width="190" height="130"/>
</marquee>


Hasilnya Adalah sebagai berikut :





Keterangan:

Ganti alamat gambarnya yang berwarna merah dengan alamat gambar yang anda inginkan.

untuk memasangnya dalam blog ikuti langkah beriku:
1. Login di blogger
2. Pilih Design / Rancangan
3. Pilih Page Elements
4. Pilih Add Gadget
5. Pilih HTML/Javascript
6. Pastekan code yang telah anda copy di atas
7. Save
sekarang lihat hasilnya.
Semoga Berhasil.

6 Komentar:

irfan mengatakan...

kalo gambar nya mau dua atau lebih gmana mas?
makassii

Unknown mengatakan...

@irfan
Kalau gambarnya lbh dri 1, kodenya sama saja kok, tinggal ngasih kode
<img src="alamat gmbr ke-n" width="190" height="130"/>
atau lengkapnya sbg brikut:
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%">
<img src="alamat gmbr ke -1" width="190" height="130"/>
<img src="alamat gmbr ke -2" width="190" height="130"/>
<img src="alamat gmbr ke -n" width="190" height="130"/>
</marquee>
penambahan jumlah gambar memang bagus, tapi dengan risiko loading pada halaman blog menjadi lama.

D33 LOV3LY QU33NA DH3WI3 mengatakan...

salam mas, mau nanya kalo mau buat kata kata itu gimana design kata IT nya :)

Unknown mengatakan...

@dewi derade
Kalau mau di ganti tulisan, ya gampang aja, tinggal Nganti <img src="url gambar"
/>

dengan tulisan, contoh:
<font color="red">Design IT</font>
lengkapnya sbg brkut:
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%">
<font color="red">Design IT</font>
</marquee>
mudahkan?

Unknown mengatakan...

ok. langsung ke TKP
mas..biasa gambarnya balik kanan lagi. bisa nggak? thanks banget.

Unknown mengatakan...

@PKS Donggala
Maaf Mas, saya tahunya kalau ke kanan ke kanan saja, gak bisa ke kiri, ataupun sebaliknya.
Mungkin menggunakan code lain.

Posting Komentar