Kode Tulisan Berjalan

Setelah aku memperhatikan banyak blog, hampir setiap situs blogger yang berkualitas pasti ada tulisan berjalan. Nah karena itulah aku pun mulai menelusuri google mencari kode html tulisan berjalan, dan pada akhirnya ketemu juga apa yang menjadikan pemikiran alam sadarku. 

Berbagai jenis kode html tulisan berjalan, diantaranya sebagai berikut :


1. Kode gambar dan tulisan berjalan    
Upload gambar ke photobucket setelah itu copas kode Url yang ada dikolom direct, kemudian ganti tulisan yang bercetak tebal sesuai dengan keinginan Anda. 

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />

2. Kode tulisan berjalan ke arah kiri 

<marquee behavior="scroll"><b>Saya sedang belajar</b> </marquee></div>

</div>

<div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif;">

<b><br />

</b><br />

3. Kode tulisan berjalan ke arah kanan

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> 

4. Kode tulisan berjalan ke arah atas

<b>Saya sedang belajar</b></div>

<div style="font-family: Arial,Helvetica,sans-serif;">

<b><br />

</b></div>

<div style="font-family: Arial,Helvetica,sans-serif;">

<marquee behavior="scroll" direction="up" height="30"><b>Saya sedang belajar</b></marquee></div>

<div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif;">

<div class="MsoNormal">

<marquee behavior="scroll" direction="up" height="30"><b>Saya sedang belajar</b></marquee></div>

</div>

<div style="font-family: Arial,Helvetica,sans-serif;">

<marquee onmouseout="this.start()" onmouseover="this.stop()"><b>Saya sedang belajar</b></marquee></div>

<div style="font-family: Arial,Helvetica,sans-serif;">

<b><br />

</b></div>

5. Kode tulisan berjalan memantul 
 
<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>

6. Kode tulisan berjalan memantul kembali arah 

<div style="font-family: Arial,Helvetica,sans-serif;">

<marquee behavior="scroll" scrollamount="1" scrolldelay="32"> <marquee direction="right"><b> Saya sedang belajar</b></marquee><b>&nbsp;  </b><marquee behavior="alternate" direction="right"><b>Saya sedang belajar</b></marquee><b><br /> &nbsp;</b></marquee></div> <div style="font-family: Arial,Helvetica,sans-serif;">

7. Kode tulisan berjalan pelan ke arah kanan

<marquee behavior="scroll" scrollamount="1" scrolldelay="32"><b>Tulisan yang ingin anda tampilkan</b></marquee>

8. Kode tulisan berjalan Zig - zag

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>

9. Kode tulisan berjalan Boucing around

<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br />

10. Tulisan berjalan akan berhenti jika dibayangi cursor 

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

Keterangan : Masukkan kode diatas kedalam widget, pilih html lalu copy paste kode diatas tersebut dan jangan lupa ganti tulisan yang bercetak tebal sesuai dengan keinginan Anda.

Sumber : http://blog.jacowlive.com/2010/05/cara-membuat-tulisan-berjalan-di-blog.html