11 Maret 2011

Menggunakan Marquee di blog

Selamat bertemu kembali sobat, pada kesempatan kali ini saya coba memberikan sedikit contoh pemakaian marquee di blog, tentu penggunaan marquee sudah bukan suatu yang asing lagi bagi blogger senior, tetapi di sini saya coba berbagi dengan sobat yang baru belajar dan ingin mencoba bagaimana fungsi dari marquee dan barangkali saja bisa dimanfaatkan sebagai alternatif untuk memperindah blog.


Contoh Blogrool dengan marquee

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="150" >

<a href="http://infokita1978.blogspot.com" target="_blank"> infokita1978</a>

<br/><br/>

<a href="http://ptc-lokal-terpercaya.blogspot.com" target="_blank">PTC Terpercaya</a>

<br/><br/>

</marquee>
Kode tersebut bisa disesuaikan dengan kebutuhan, kode yang bisa diganti:

- scrollamount="2" : menunjukan kecepatan gerakan
direction="up" : arah gerakan keatas, bisa diganti dengan "left","right","bottom".
- width="50%" :"50%" adalah lebar dari marquee, bisa diganti dengan "75%" , "80%" atau nilai lainnya disesuaikan dengan kebutuhan kita.
- height="150" :"150" adalah tinggi dari marquee bisa diganti dengan "300", "250" atau nilai lainnya disesuaikan dengan kebutuhan kita.


Selain untuk menempatkan link url sebagai bloggroll, marquee juga bisa digunakan untuk menempatkan link banner, contoh penggunaan dengan link banner yang dipadukan dengan border dan background seperti di blog ini.

<div style="padding-top:5px;background-height:404px;width:234px; border:8px solid #696969;">
<marquee behavior="scroll" direction="top" loop="-1">
<center><a href='http://www.ziddu.com/register.php?referralid=(yk}ji{h3y8' target="_blank"><img border=0 src="http://www.ziddu.com/banners/images/120x60.gif"/></a><center>

<center><a href="http://investasiusaha.com/?id=Tunas"><img src="http://investasiusaha.com/images/investasiusaha.gif"alt="bisnis" border="0" width="125" height="125" /></a><center>

<center><a href="http://www.growurl.com/index.php?ref=44219" target="_blank" ><img src="http://www.growurl.com/images/growurl_button.gif" width="120" height="40" alt="Pasang Iklan" border="0" /></a><center>
</marquee></div>
Catatan : warna merah di atas anda ganti dengan url untuk blogrool sobat dan link banner sesuai dengan yang sobat inginkan.

Demikian contoh sederhana penggunaan marquee, semoga berguna. Salam.

Artikel Terkait Lainnya



1 komentar:

Sandi Putra mengatakan...

sudah saya coba. terima kasih gan :D

Posting Komentar

PrevPage NextPage home