Cara Membuat Banner Berjalan atau slide show

Menampilkan Banner berjalan di blog memang dapat memperindah tampilan blog, bagi temen temen blogger yang ingin membuat banner iklan atau banner apa saja agar bisa tampil layaknya plug scroll atau slide show atau istilah mudahnya banner berjalan, ini dia caranya.

Langkah – langkahnya sebagai berikut :
1. Masuk pada akun Blogger Anda
2. Pilih Rancangan >> Elemen Laman >> Tambah Gadget pada tempat yang diinginkan
3. Pilih HTML / JavaScirpt
4. Pastekan kode berikut :

<marquee align="center" behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="360 px">
<a href="URL Tujuan 1" target="_blank"><img border="0" height="90" src="URL Banner 1" width="120" /></a>
<a href="URL Tujuan 2" target="_blank"><img border="0" height="90" src="URL Banner 2" width="120" /></a>
<a href="URL Tujuan 3" target="_blank"><img border="0" height="90" src="URL Banner 3" width="120" /></a>
<a href="URL Tujuan 4" target="_blank"><img border="0" height="90" src="URL Banner 4" width="120" /></a>
<a href="URL Tujuan 5" target="_blank"><img border="0" height="90" src="URL Banner 5" width="120" /></a>
</marquee><div style="font-size: 8px; text-align: right;"><a href="http://www.ino-23.com/2012/10/cara-membuat-banner-berjalan-atau-slide.html" target="_blank">www.ino-23.com</a></div>

Keterangan:
1.width="360 px" ganti menjadi total lebar banner Anda
2.height="90" ganti menjadi tinggi banner Anda
3.width="120" ganti menjadi lebar persatu banner Anda
4.URL Tujuan ganti menjadi alamat URL yang akan dituju
5.URL Banner ganti menjadi alamat URL banner yang akan di tampilkan

6.Setelah semuanya selesai Simpan tanpa memberikan judul widget dan lihat hasilnya.

Tweet