Tips Cara Membuat Gambar Berjalan

Selain teks atau tulisan, kita juga dapat membuat gambar bisa berjalan atau bergerak dengan marquee. Caranya adalah dengan menyisipkan URL gambar ke kode program marquee. Namun, sebelumnya kita harus mengunggah atau meng-upload gambar ke layanan penyimpan gambar online, semacam Photobucket, untuk mendapatkan link dari gambar tersebut.

Dalam program marquee, kita juga dapat menyisipkan elemen lainnya seperti link atau tautan dengan berprinsip sebagai berikut:

<marquee>

TEKS, GAMBAR, TEKS TAUTAN, GAMBAR TAUTAN, DAN LAIN SEBAGAINYA.

</marquee>

Contoh:

Di bawah ini ada 2 URL gambar yang akan dimasukkan ke program marquee.

1. <a href="http://s1119.photobucket.com/albums/k636/klikmunadi/?action=view&amp;current=KLIKMUNADI.jpg" target="_blank"><img src="http://i1119.photobucket.com/albums/k636/klikmunadi/KLIKMUNADI.jpg" border="0" alt="Klik Munadi"></a>
2. <a href="http://s1119.photobucket.com/albums/k636/klikmunadi/?action=view&amp;current=klikmunadi-1.png" target="_blank"><img src="http://i1119.photobucket.com/albums/k636/klikmunadi/klikmunadi-1.png" border="0" alt="Photobucket"></a>

Lalu kedua URL gambar tersebut akan kita sisipkan ke kode marquee di bawah ini.

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="100%">

<a href="http://i1230.photobucket.com/albums/ee483/ben345/?action=view&amp;current=hhh.jpg" target="_blank"><img src="http://i1230.photobucket.com/albums/ee483/ben345/hhh.jpg" border="0" alt="seminkota"></a>

<a href="http://i1230.photobucket.com/albums/ee483/ben345/?action=view&amp;current=klikmunadi-1.png" target="_blank"><img src="http://i1230.photobucket.com/albums/ee483/ben345/headkamera.jpg" border="0" alt="Photobucket"></a>

</marquee>

Maka hasilnya akan seperti di bawah ini.


Bila kedua gambar tersebut diberi tautan atau link target sesuai keinginan saya, maka hasil akhir dari URL gambar tersebut akan seperti di bawah ini.

1. <a href="http://seminkota.blogspot.com/" target="_blank"><img src="http://i1230.photobucket.com/albums/ee483/ben345/hhh.jpg" /></a>
2. <a href="http://digidesain.blogspot.com/" target="_blank"><img src="http://i1230.photobucket.com/albums/ee483/ben345/headkamera.jpg" /></a>

Selanjutnya kedua URL di atas kita masukkan ke kode marquee seperti di bawah ini.

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="100%">

<a href="http://seminkota.blogspot.com/" target="_blank"><img src="http://i1230.photobucket.com/albums/ee483/ben345/hhh.jpg" /></a>

<a href="http://digidesain.blogspot.com/" target="_blank"><img src="http://i1230.photobucket.com/albums/ee483/ben345/headkamera.jpg" /></a>

</marquee>

Contoh kode marquee di atas adalah salah satunya saja. Masih ada lagi ragam marquee yang lain yang dapat Anda pelajari di Cara Membuat Marquee di Blogger. Selain itu, Anda dapat juga menambahkan kode-kode yang lain ke dalam kode marquee sesuai keinginan atau kreativitas Anda sendiri.