Cara Membuat Gambar Berjalan

Banyak klien kami yang menanyakan cara membuat gambar bergerak dengan marque. beriku ini adalah tutorial cara membuat gambar bergerak contohnya sbb  :






Cara membuatnya sbb :

Buat widged HTML/javascript, lalu copy paste script berikut ini (ganti teks berwarna merah dengan link gambar yang Anda inginkan):

<marquee behavior="scroll" direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" height="145" width="100%">
<table><tr>

<!--  MULAI PRODUK-5  -->
<td><a href=""><img style="border:3px solid black;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3gNib_7xwK4btPi9DWrY8DlvtuWifNG4BMF6IirZGxuT6GFsDGGhR_jv7YF3zeUZL5B2khOCR_AJGncNopqKlTzU84i3wfrL7DvugCpFpekuapqt7VNVb9Ns79Gz5k6Z6AFdduVseKk/s1600/INDAHCARGOMALANG-ARMADA+(2).jpg" height="125" width="125" alt="Armada-5" /></a></td>
<!--  AKHIR PRODUK-5  -->

<!--  MULAI PRODUK-4  -->
<td><a href=""><img style="border:3px solid black;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-cYkCh1EKFBvbMMTKsufTA45xxs4iedH5MCX4oZJ7SaNRabtJRT4fbCgZIHOb92mP1rFOcv1uzFqgyg_ZOnCMj_8omviz6kAXpBVBxLCvQml6hI79C9Xdcx1SHA3ij-fOi4R2KAoM9I/s1600/INDAHCARGOMALANG-ARMADA+(3).jpg" height="125" width="125" alt="Armada-4" /></a></td>
<!--  AKHIR PRODUK-4  -->

<!--  MULAI PRODUK-3  -->
<td><a href=""><img style="border:3px solid black;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLvjfYFenfKZOSUX5DU9zUXw3dK8Gvjw-N73cTgIYIMxD4v50kKQyUGnDZZCDh8HSjZEhrERRD2KjXz68b8ltlG1fYnzGDk0Dm3FLzfmUzh6UspcoDAHP0HcnmXLVQatDe-4FuMDqFjJY/s1600/INDAHCARGOMALANG-ARMADA+(4).jpg" height="125" width="125" alt="Armada-3" /></a></td>
<!--  AKHIR PRODUK-3  -->

<!--  MULAI PRODUK-2  -->
<td><a href=""><img style="border:3px solid black;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrvZebx-DSsxh5tdYVU-_QXfnRraw69jsweQK1T02iPAAjk-gzxYdIzI8j1H5n9rTekDkXuB7yLVe8FOgXPSt62ppGvw8AbGOOZZk2FZBnYy3zSZPhq-4YkTPSrwdmdFT0ygl9Q67mqYU/s1600/INDAHCARGOMALANG-ARMADA+(5).jpg" height="125" width="125" alt="Armada-2" /></a></td>
<!--  AKHIR PRODUK-2  -->

<!--  MULAI PRODUK-1  -->
<td><a href=""><img style="border:3px solid black;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXt_lDnR6UhFnerN2J4AQUE4-epz5-9f0iVzTkPgYPGnNfCrXNrGa3IlLW7ALOLnwwdmAT3UPDWa_6qa15nPXGMnJBnLP8MnXw-W0Uu7j-4ys_7p5ees5SLBiv90xampJ_cKaAcCZWCFI/s1600/INDAHCARGOMALANG-ARMADA+(6).jpg" height="125" width="125" alt="Armada-1" /></a></td>
<!--  AKHIR PRODUK-1 -->
<tr></tr></tr></table>
</marquee>