Cara Membuat Gambar Marquee(Gambar Berjalan)

Written by RA_Syihan on Tuesday, November 16, 2010 | Category: Networking, Programming, Trick, Tutorial

255 Votes

Gambar yang berjalan sama halnya dengan teks berjalan (marquee) bedanya hanya antara gambar dengan teks, nah sekarang kita langsung aja ke TKP.....

Nah....buat yang pengen bikin gambar bergerak seperti diatas, ikuti langkah - langkahnya sebagai berikut :

Seperti biasa login di blogger, lalu masuk ke layout kemudian page element.

Klik add new page element --> HTML/JavaScript. Untuk letaknya terserah anda, mau diletakkan di sidebar, footer, atau dimana saja juga bisa.

Copy Paste kode dibawah ini :

<marquee  onmouseout="this.start()" direction="up"  align="center" scrollamount="2" onmouseover="this.stop()" width="100%"  height="100"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCax2ZZNzJ0Rp6fp8uUR9uB6CzWoZRvFFZi3CWsSWl1ORSxCXGJw5xQKyMVomXv29DxdkSPS2H78zUrLuLkexHzLibxi4CE03n5lfZNYuTGdVsEOptLEsnhW1n-JkgSu7tNUrS174erDgh/s400/Firefox.jpg"  alt=""/>

<img  src="http://static.technorati.com/pix/fave/btn-fave2.png"  alt="" />

</marquee>

Text yg berwarna merah adalah kode HTML untuk gambar. Untuk mengganti gambarnya, silahkan ganti text yg berwarna merah tebal dengan url gambar anda.
Text yg berwarna hijau tebal, adalah arah bergerak gambar. Untuk mengganti arahnya, silahkan ganti kata "up" dengan "down", "left" atau "right".

Save dan Selesai..

::::TIPS::::

Gambar bergerak tersebut bisa juga disimpan di postingan. Caranya, ketika memposting klik edit html lalu masukan kode seperti diatas.

Untuk menampilkan gambar beserta link-nya, silahkan masukan script di bawah ini.