Sabtu, 01 Desember 2012

Membuat Gambar Berjalan Di Blog

Kemarin sebelum post ini, tutorialnya membahas tentang Tulisan Berjalan di Blog. Nah waktunya sekarang kita bahas mengenai gambar yang berjalan di blog. Ya sebelumnya yang sudah bosen sama tulisan yang bergerak-gerak sekarang waktunya Anda menyimak post ini. Dalam post kali ini, saya akan menerangkan bagaimana cara gambar di blog bisa bergerak-gerak. Oke tak usah kelamaan, berikut ini tutorial dan HTML-nya. Silahkan disimak ya..hehehehe :-D


Cara Membuat Gambar Berjalan :

1. Gambar berjalan dari bawah ke atas

<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://lh4.googleusercontent.com/-WAwyroJfhiY/AAAAAAAAAAI/AAAAAAAAAKk/1argVAbP8rQ/s512-c/photo.jpg" height="130" width="190" />
<br/>
<img src="http://2.bp.blogspot.com/-AktI2CiFUJ0/TjzKguuJuCI/AAAAAAAAABk/ufpaNoYFSVA/s220/P1080354.JPG" height="130" width="190" />

</marquee>
</td>
</tr>
</table>

Hasilnya Adalah sebagai berikut :




Kode di atas tadi menunjukkan gambar akan berjalan dari bawah menuju atas. Keterangan lain, dengan link yang berwarna biru bisa Anda ganti dengan link yang Anda inginkan untuk mengganti foto. Sedangkan yang berwarna merah adalah ukuran pada bingkai foto dan foto yang Anda inginkan. Tapi kalau bisa cantumin fotoku ya..kan cakep..hehehehe :-D :-p

2. Gambar berjalan dari kanan ke kiri 

<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >

<img src="http://lh4.googleusercontent.com/-WAwyroJfhiY/AAAAAAAAAAI/AAAAAAAAAKk/1argVAbP8rQ/s512-c/photo.jpg" width="190" height="130" />

<img src="http://2.bp.blogspot.com/-AktI2CiFUJ0/TjzKguuJuCI/AAAAAAAAABk/ufpaNoYFSVA/s220/P1080354.JPG" width="190" height="130" />

</marquee>

Hasilnya Adalah sebagai berikut :




Kode di atas tadi menunjukkan gambar akan berjalan dari kanan menuju kiri. Keterangan lain, dengan link yang berwarna biru bisa Anda ganti dengan link yang Anda inginkan untuk mengganti foto. Sedangkan yang berwarna merah adalah ukuran pada bingkai foto dan foto yang Anda inginkan. Tapi kalau bisa cantumin fotoku ya..kan cakep..hehehehe :-D :-p

 
Cara Menambahkan / Membuat Gambar Berjalan Di Blog
1. Log in ke blogger.
2. Di halaman Dasbor Blogger.
3. Kemudian pilih Tata Letak.
4. Klik Tambah Gadget.
5. Cari kata HTML/JavaScript , lalu masukkan kode HTML di atas tersebut lalu simpan.
6. Jangan lupa klik Pratinjau terlebih dahulu untuk mengecek pas kah gadget anda berada yang anda mau.
7. kalau sudah cocok jangan lupa klik simpan setelan.



Related Post:

Ditulis Oleh : Aan Ahmad Qolfathiriyus ~ Tips dan Trik Blogspot

Ahmad Qolfathiriyus Sobat sedang membaca artikel tentang Membuat Gambar Berjalan Di Blog . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya yaaa :D ..

0 komentar :

Poskan Komentar

About

Blog ini berbagi macam materi, makalah, soal, aplikasi, dan lain-lain. Semua yang ada di sini, insyaallah bermanfaat untuk kalian semua.
Diberdayakan oleh Blogger.