0
Membuat Gambar Berjalan [Marquee]
Nur
Tutorial
Ada seorang bertanya kepada saya, "bagaimana cara membuat gambar berjalan seperti di blogmu?".
Berikut jawaban untuk temen saya yang pengen ngerti cara membuat gambar berjalan seperti yang ada diblog saya. Berikut Source kode nya :D
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="3" align="center" height="60" width="615">
<a
href="http://www.idr-clickit.com/register.php/cahmbudur.html" target="_blank"
rel="nofollow" ><img src="http://www.idr-clickit.com/b.php?u=40890" border="0"
height="60" /></a>
<a href="http://www.dbclix.com/?refid=4443163962548" target="_blank"
rel="nofollow"><img src="http://www.dbclix.com/images/banner.jpg" alt="DbClix"
border="0" height="60" /></a>
<a target="_blank" href="http://www.co.cc/?id=158824" title="CO.CC:Free Domain"
rel="nofollow"><img
src="http://get-banner.lookup.co.cc/banner_img/cocc90_40g.gif" border="0"
height="60" /></a>
<a target="_blank" href="http://www.000webhost.com/257168.html"
onclick="this.href='http://www.000webhost.com/257168.html'" rel="nofollow"> <img
src="http://www.000webhost.com/images/banners/468x60/banner6.gif" alt="Hosting
Gratis" border="0" height="60" /></a>
<a target="_blank" href="http://www.linkbucks.com/referral/203346"
rel="nofollow"><img
src="http://www.linkbucks.com/tmpl/mint/img/468_60link_bucks.gif" border="0"
height="60" /></a>
<a target="_blank" href="http://www.readbud.com/?ref=4171364"
rel="nofollow"><img src="http://www.readbud.com/images/468_60_banner.jpg"
border="0" height="60" alt="readbud - get paid to read and rate articles" /></a>
<a target="_blank" href="http://www.glikko.com/u/r/cahmbudur"
rel="nofollow"><img src="http://www.glikko.com/images/glikko468x60.gif"
width="468" height="60" border="0" /></a>
</marquee>
Jika kita tempel maka akan menjadi seperti ini :
Keterangan :
direction = "left" ==> merupakan arah dari gambar akan berjalan, left = kekiri, right = kekanan
scrollamount ="3" ==> merupakan atribut yang mengatur kecepatan gambar berjalan
height = "60" ==> merupakan pengaturan tinggi dari marquee dalam pixel
width = "615" ==> merupakan pengaturan lebar dari marquee dalam pisel
Kode yang berwarna merah merupakan gambar yang pertama
http://www.idr-clickit.com/register.php/cahmbudur.html adalah alamat tujuan ketika gambar di klik
http://www.idr-clickit.com/b.php?u=40890 merupakan file gambar yang akan dipasang
Sebenarnya ini adalah modifikasi dari text marquee yang kemudian teks diganti menjadi gambar. Untuk format aslinya kan seperti ini:
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="3" align="center" width="615"> Teks yang akan
ditampilkan</marquee>
Jadinya akan seperti ini:
---
Berikut jawaban untuk temen saya yang pengen ngerti cara membuat gambar berjalan seperti yang ada diblog saya. Berikut Source kode nya :D
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="3" align="center" height="60" width="615">
<a
href="http://www.idr-clickit.com/register.php/cahmbudur.html" target="_blank"
rel="nofollow" ><img src="http://www.idr-clickit.com/b.php?u=40890" border="0"
height="60" /></a>
<a href="http://www.dbclix.com/?refid=4443163962548" target="_blank"
rel="nofollow"><img src="http://www.dbclix.com/images/banner.jpg" alt="DbClix"
border="0" height="60" /></a>
<a target="_blank" href="http://www.co.cc/?id=158824" title="CO.CC:Free Domain"
rel="nofollow"><img
src="http://get-banner.lookup.co.cc/banner_img/cocc90_40g.gif" border="0"
height="60" /></a>
<a target="_blank" href="http://www.000webhost.com/257168.html"
onclick="this.href='http://www.000webhost.com/257168.html'" rel="nofollow"> <img
src="http://www.000webhost.com/images/banners/468x60/banner6.gif" alt="Hosting
Gratis" border="0" height="60" /></a>
<a target="_blank" href="http://www.linkbucks.com/referral/203346"
rel="nofollow"><img
src="http://www.linkbucks.com/tmpl/mint/img/468_60link_bucks.gif" border="0"
height="60" /></a>
<a target="_blank" href="http://www.readbud.com/?ref=4171364"
rel="nofollow"><img src="http://www.readbud.com/images/468_60_banner.jpg"
border="0" height="60" alt="readbud - get paid to read and rate articles" /></a>
<a target="_blank" href="http://www.glikko.com/u/r/cahmbudur"
rel="nofollow"><img src="http://www.glikko.com/images/glikko468x60.gif"
width="468" height="60" border="0" /></a>
</marquee>
Jika kita tempel maka akan menjadi seperti ini :
Keterangan :
direction = "left" ==> merupakan arah dari gambar akan berjalan, left = kekiri, right = kekanan
scrollamount ="3" ==> merupakan atribut yang mengatur kecepatan gambar berjalan
height = "60" ==> merupakan pengaturan tinggi dari marquee dalam pixel
width = "615" ==> merupakan pengaturan lebar dari marquee dalam pisel
Kode yang berwarna merah merupakan gambar yang pertama
http://www.idr-clickit.com/register.php/cahmbudur.html adalah alamat tujuan ketika gambar di klik
http://www.idr-clickit.com/b.php?u=40890 merupakan file gambar yang akan dipasang
Sebenarnya ini adalah modifikasi dari text marquee yang kemudian teks diganti menjadi gambar. Untuk format aslinya kan seperti ini:
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="3" align="center" width="615"> Teks yang akan
ditampilkan</marquee>
Jadinya akan seperti ini:
Terpopuler Minggu Ini
- Membuat Recent Post Sendiri
- Flash Disk Lock 1.6
- 16 Aplikasi Android Pendukung Ibadah Ramadhan
- Cara Mengetahui Nomor Handphone Sendiri
- Memulai Perubahan Hidup
- Tukeran Link
- Cara Membuat Video menjadi Screen Saver
- MENGANALISIS POTENSI PASAR
- Iklan Web Milikmu Sering di Blokir sama UCBrowser? Pasang Script Anti UCBrowser Solusinya
- MENGELOLA TENAGA KERJA