Gambar Berjalan

Cara Membuat Gambar Berjalan di Blog 

Cara membuat sebuah gambar dapat berjalan menggunakan tag HTML marquee. Yang nantinya kita bisa mengaplikasikan cara  ini  ke dalam postingan blog ataupun juga widget homepage. Sebuah gambar yag berjalan ini nantinya dimaksudkan untuk menarik para pengunjung sebuah halaman blog / website, pun juga membuat sebuah halaman menjadi lebih menarik.



Berikut tutorialnya :
Silakan sign in ke blogger anda. Klik Menu Tata Letak, Klik Tombol Add Gadget HTML . Copy dan Paste Kode Dibawah.
  

• Untuk gambar yang berjalan dari kiri ke kanan.

<marquee direction="right"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfs0G2tuhHnCab3KpsIqYdTaCsM2_7LlenGWymIsEwNW3mcpSTv2PH5yKfEARzeksQ5oxE8x1OQ3pVuG7lbFQSKRzflXU5bNsDZjCFkkqTkRULi9sji9tM2iK_8l8huctOHKpLKarWnXy6/s1600/Fb+Like.png" width="120" height="80" alt="Natural"/></marquee></b>

• Untuk gambar yang berjalan dari kanan ke kiri.

<marquee direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfs0G2tuhHnCab3KpsIqYdTaCsM2_7LlenGWymIsEwNW3mcpSTv2PH5yKfEARzeksQ5oxE8x1OQ3pVuG7lbFQSKRzflXU5bNsDZjCFkkqTkRULi9sji9tM2iK_8l8huctOHKpLKarWnXy6/s1600/Fb+Like.png" width="120" height="80" alt="Natural"/></marquee>

• Untuk gambar yang sengaja dibuat berhenti pada sisi selanjutnya

<marquee behavior="slide" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfs0G2tuhHnCab3KpsIqYdTaCsM2_7LlenGWymIsEwNW3mcpSTv2PH5yKfEARzeksQ5oxE8x1OQ3pVuG7lbFQSKRzflXU5bNsDZjCFkkqTkRULi9sji9tM2iK_8l8huctOHKpLKarWnXy6/s1600/Fb+Like.png" width="120" height="80" alt="Natural"/></marquee>

• Untuk gambar yang dapat memantul

<marquee behavior="alternate" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfs0G2tuhHnCab3KpsIqYdTaCsM2_7LlenGWymIsEwNW3mcpSTv2PH5yKfEARzeksQ5oxE8x1OQ3pVuG7lbFQSKRzflXU5bNsDZjCFkkqTkRULi9sji9tM2iK_8l8huctOHKpLKarWnXy6/s1600/Fb+Like.png" width="120" height="80" alt="Natural"/></marquee>



Untuk mengubah gambar / foto Anda dapat mengganti url gambar yang bercetak warna merah diatas. Ukuran gambar sendiri juga bisa diatur dengan mengganti angka pada width dan height yang tertulis di dalam kode. Selamat mencoba semoga berhasil. :)


Sumber: sendiri dan sedikit dari chris-fixed.blogspot.com