1. Upload gambar dari komputer ke situs layanan image hosting gratis. Dalam contoh ini kita menggunakan tinypic
2. Buat kode banner di blog
Langkah detail untuk membuat :
Buka situs www.tinypic.com, kemudian Klik Browse, pilih gambar di komputer , klik Upload Now.
Anda akan mendapatkan link gambar yang sudah diupload (Gunakan link yang ada di : Direct Link For Layouts)
http://i35.tinypic.com/21cfbr6.jpg
http://i35.tinypic.com/2qdv2ia.jpg
http://i33.tinypic.com/343ivjk.jpg
Maka Kode HTML untuk :
Gambar 1 buah, bergerak dari kanan ke kiri.
Anda bisa mengatur tinggi dan lebar gambar sesuai gambar yang anda upload , dalam contoh ini :
a. width="150" lebar gambar 150 sesuaikan dengan gambar anda
b. height="150" lebar gambar 150 sesuaikan dengan gambar anda
Kode HTMLnya :
<marquee behavior="scroll" direction="left" scrollamount="3" width="150" height="150"><img src="http://i35.tinypic.com/21cfbr6.jpg" />
</marquee>
Maka hasilnya :
Jika gambarnya lebih dari satu (dalam contoh ini kita gunakan 3 gambar), bergerak dari kanan ke kiri.
Kode HTMLnya :
<marquee behavior="scroll" direction="left" scrollamount="3" width="150" height="150"><img src="http://i35.tinypic.com/21cfbr6.jpg"/> <span style="padding: 5px;"> <img src="http://i35.tinypic.com/2qdv2ia.jpg"/> </span> <span style="padding: 5px;"> <img src="http://i33.tinypic.com/343ivjk.jpg"/></span></marquee>
Maka hasilnya :
Jika gambarnya bergerak secara vertikal , untuk mengubah bergerak dari atas ke bawah , ganti direction="up" menjadi direction="down".
Kode HTMLnya :
<marquee behavior="scroll" direction="up" scrollamount="3" width="150" height="150"><img src="http://i35.tinypic.com/21cfbr6.jpg"/> <br> <img src="http://i35.tinypic.com/2qdv2ia.jpg"/><br><img src="http://i33.tinypic.com/343ivjk.jpg"/><br>
</marquee>
Maka hasilnya :
Catatan : "Scrollamount" adalah kecepatan geraknya
