fek tulisan berjalan ( Marquee ) adalah
suatu program HTML untuk membuat teks agar bisa bergerak / berjalan yang
merupakan suatu perintah yang dapat kita atur sesuai keinginan. Kode
HTML ini banyak sekali di pakai olehpara blogger, karena memang menarik
pengunjung untuk melihatnya dan menghemat tempat pada halaman blog. Ada
beberapa macam kode marquee untuk model perilaku geraknya ... antara
lain :
<marquee>DUNIANETMU</marquee>
Kode untuk perilaku gerakan dari kanan ke kiri
<marquee direction="right">DUNIANETMU</marquee>
Kode untuk perilaku gerakan dari kiri ke kanan
Kode untuk perilaku gerakan berjalan ke kiri dan ke kanan
<marquee direction="up">DUNIANETMU</marquee>
Kode untuk perilaku gerakan berjalan ke atas
<marquee direction="down">DUNIANETMU</marquee>
Kode untuk perilaku gerakan berjalan ke bawah
<marquee direction="up" behavior="alternate">DUNIANETMU</marquee>
Kode untuk perilaku gerakan berjalan ke atas dan ke bawah
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">DUNIANETMU</marquee></marquee>
Kode untuk perilaku gerakan terbang zigzag
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">DUNIANETMU</marquee></marquee>
Kode untuk perilaku gerakan berjalan zigzag ke atas dan ke bawah
<marquee behavior="alternate" width="10%">>></marquee>DUNIANETMU<marquee behavior="alternate" width="10%"><<</marquee>
Kode perilaku untuk menampilkan tanda panah ke teks
<font ><marquee direction="left" style="background:BLUE">DUNIANETMU</marquee></font>
Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan latar belakang warna, anda bisa merubahnya dengan kode warna lain
<marquee style="border:BLUE 2px SOLID">DUNIANETMU</marquee>
Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan dikelilingi garis tepi (border)
<marquee behavior="alternate"><marquee width="150">DUNIANETMU</marquee></marquee>
Kode untuk perilaku gerakan berjalan dengan hanya menampilkan bagian depan textnya saja atau hidden marquee
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>DUNIANETMU<br>DUNIANETMU</center></marquee>
Kode untuk perilaku gerakan berjalan seperti gelombang ombak ke atas dan ke bawah
Keterangan :
+ Ganti tulisan DUNIANETMU dengan tulisan yang akan di tampilkan sesuai keinginan.
Cara membuatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script yang ada tinggal anda edit saja
4. Klik Simpan dan selesai
Ada variasi lain dari marquee lagi, yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee tsb. Kodenya di bawah ini :
+ Ganti tulisan DUNIANETMU dengan tulisan yang akan di tampilkan sesuai keinginan.
Cara membuatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script yang ada tinggal anda edit saja
4. Klik Simpan dan selesai
Ada variasi lain dari marquee lagi, yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee tsb. Kodenya di bawah ini :
<table border="1" width="160" cellpadding="1" height="260"> <tr> <td align="right"> <marquee direction="up" onmouseover="this.stop()" width="330" onmouseout="this.start()" scrollamount="2" height="250"> <ul> <li><a href='http://www.pakboer.com/search/label/deposito' target="_blank">DEPOSITO</a></li> <li><a href='http://www.pakboer.com/2011/11/makalah-evaluasi-pembelajaran-penilaian.html' target="_blank">Makalah</a></li> <li><a href='http://www.pakboer.com/2011/12/tips-blogger-mengganti-tulisan-older.html' target="_blank">Mengganti tulisan Older di blogger</a></li> <li><a href='http://www.pakboer.com/2011/12/cara-installasi-dan-pemakaian-shadow.html' target="_blank">Cara Installasi dan Pemakaian SHADOW DEFENDER</a></li> <li><a href='http://www.pakboer.com/2011/12/cara-cepat-update-pagerank.html' target="_blank">Cara cepat update pagerank</a></li> <li><a href='http://www.pakboer.com/2011/12/3-manfaat-website-sekolah.html' target="_blank">3 Manfaat Website Sekolah</a></li> <li><a href='http://www.pakboer.com/2011/12/kelebihan-dan-keunggulan-windows-8.html' target="_blank">Kelebihan dan Keunggulan Windows 8 Terbaru dibanding Windows 7</a></li> <li><a href='http://www.pakboer.com/2011/12/kejadian-60-detik-diinternet.html' target="_blank">Kejadian 60 Detik diinternet</a></li> <li><a href='http://www.pakboer.com/2011/12/bukti-kebesaran-allah.html' target="_blank">Bukti Kebesaran Allah</a></li> </ul>
</marquee>
</td>
</tr>
</table>
Hasilnya dapat anda lihat di bawah ini dan coba arahkan mouse ke tulisan :
Silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.
Selamat ber-eksperimen ...
0 comments:
Post a Comment
TERIMAKASIH ATAS KOMENTARNYA.
Kapan-kapan komentar disini lagi ya?????