Pengikut

11 Januari 2007

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