Pengikut

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

7 komentar:

  1. Waahhh asikk... :D
    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 :).

    BalasHapus
  2. Anonim11:22 AM

    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..

    BalasHapus
  3. Anonim1:26 PM

    oot:
    lagi ngarepin blogger mengadopsi Trackback
    yang native nya tentu, bukan pake haloscan .. :)

    BalasHapus
  4. 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.

    BalasHapus
  5. 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

    BalasHapus
  6. makasih cempuk, template ini juga editan ko, bukan kreasi sendiri, kalo cempluk mau juga bisa liat source kan?

    BalasHapus
  7. http://top.cyber4rt.com/

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.

Postingan Populer