300x300

Wednesday, December 21, 2011

Cara Membuat Tulisan Berjalan di Blogger

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

<marquee behavior="alternate">DUNIANETMU</marquee>
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 :

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