HTML : Marquee on Edittag New Year Edition

Guna menyanggupi permintaan kode marquee yang digunakan untuk tampilan edittagdi edisi tahun baru, berikut kode HTML yang digunakan :

<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 358px; top: 60px; width: 25px; height: 450px;” scrollamount=”3″></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 135px; top: 52px; width: 25px; height: 300px;” scrollamount=”4″>
<img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 441px; top: 55px; width: 25px; height: 250px;” scrollamount=”5″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 498px; top: 53px; width: 25px; height: 370px;” scrollamount=”6″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 800px; top: 51px; width: 25px; height: 340px;” scrollamount=”7″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 390px; top: 55px; width: 25px; height: 70px;” scrollamount=”2″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 50px; top: 55px; width: 25px; height: 50px;” scrollamount=”3″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 749px; top: 54px; width: 25px; height: 203px;” scrollamount=”2″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 325px; top: 52px; width: 25px; height: 300px;” scrollamount=”3″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 600px; top: 49px; width: 25px; height: 330px;” scrollamount=”2″><img src=”alamatfilegambar“/></marquee>
<marquee behavior=”scroll” direction=”down” style=”position: absolute; left: 873px; top: 52px; width: 25px; height: 351px;” scrollamount=”3″><img src=”alamatfilegambar“/></marquee>

keterangan : ganti alamatfilegambar dengan URL file gambar.
hasil marquee diatas akan tampil sempurna bila dibuka dengan monitor beresolusi diatas 800*600, namun bila ingin ditampilkan aman di resolusi tersebut, cukup sesuaikan marquee di barisan terbawah dengan mengganti angka left: 873px; dengan angka dibawah 800.Kode marquee ini tidak berjalan sempurna di perambah Opera ,namun baik bila dibuka menggunakan IE, FF dan Netscape.

Kode diatas akan memunculkan 10 gambar dengan posisi berbeda sesuai dengan posisi x absolut dna kemudian akan meluncur kebawah.

Pemasangan di blogger lama cukup mudah.Cukup buka template lalu pasang kode ini di posisi header atau main.Untuk blogger baru edit di bagian Lay Out lalu pilih submenu edit HTML, dan pasang kode tadi dibagian content.Untuk tampilan di blogger baru bisa dilihat disini.Sila dicoba.

Kasus di edittag, dengan template blogger lama, pemasangan kode disalin setelah kode

<!– Begin #main –>
<div id=”main”><div id=”main2″>

Untuk Blogger baru dengan Layout, pemasangan kode dipasang setelah kode berikut :

<div class=’content’>

Add to Technorati Favorites

6 pemikiran pada “HTML : Marquee on Edittag New Year Edition

  1. Waahhh asikk… 😀
    aku coba yaa… kalo ntar ada masalah siap2 aku teriakin :D.

    Trus utk gbrnya ada ketentuan max brp byte gak sih? (sori nih norak…).

    Tengkyu mas atas infonya :).

    Suka

  2. Waaahhh hebat euuy… yg di betapakai itu kok bisa mirip tampilan di WP ya mas. 2 thumbs up deeehh. Aku coba deh. Mudah2an berhasil. Siap2 di tanya2 yaaa..he..he..

    Suka

  3. hi rey…ga ada ketentuan utk file gambar, namun disarankan ukurannya cukup kecil agar lebih mudah loading.

    utk dena betapaki memang menggunakan template mirip2 WP.

    Suka

  4. sip aku dah coba dan ternyata keren euy.. mas mas,, aku mau diajaron bikin template nih.. dibikinin jg boleh.heheheh..btw, saya pgn pny template warna putih nih tapi karna saya pemula yah jadi nya blm bisa bikin sndr.. template mas aku naksir.hehehe

    Suka

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s