Membuat Text berjalan di Blog

Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:

</span></font><span style="color: rgb(0, 0, 255); font-family: Verdana, Geneva, sans-serif; font-size: small; line-height: 18.999988555908203px;"><marquee>TULISAN INI YANG AKAN BERJALAN</marquee></span><span style="line-height: 18.999988555908203px; color: rgb(0, 0, 255); font-family: Verdana, Geneva, sans-serif; font-size: small;">

Hasil tampilannya:

TULISAN INI YANG AKAN BERJALAN
 

Selain kode dasar marquee diatas, tulisan berjalan terdapat beberapa variasi, diantaranya adalah

 Mengubah kecepatan pergerakan dari kecepatan standar.

• Anda bisa memakai kode scrolldelay="angka kecepatan", angka kecepatan dalam milidetik, jadi ketika angka kecepatan anda tulis 500, maka jeda pergerakan adalah 500milidetik atau 0.5 detik (setengah detik)
  Contoh kode marquee:
• </span></font></li> <font color="#0000ff" face="inherit" size="2"><span style="line-height: 19px;"><marquee scrolldelay="500">KECEPATAN TULISAN INI DELAY 0.5 DETIK</marquee></span></font> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 18.999988555908203px;">  Hasil tampilannya:

KECEPATAN TULISAN INI DELAY 0.5 DETIK

• Mengubah media teks yang bergerak. 
  Kali ini saya akan menggunakan satuan % dalam penerapannya. Anda bisa memakai kode width="lebar bidang", jika anda memakai angka 50% maka area untuk text berjalan akan memakai setengahnya dari lebar bidang yang tersedia. bingung?? kita lihat penerapannya ya...
  contoh kode marquee:
• <span style="line-height: 18.999988555908203px;"><marquee width="50%">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee><</span>/textarea></p> </span></font></li> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 18.999988555908203px;"><p> </span></font></li> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 18.999988555908203px;">/textarea></p> </span></font></li> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 18.999988555908203px;"><div> </span></font></li> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 18.999988555908203px;"><br></div> </span></font></li> <br><font color="#333333" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 19px;">Hasil tampilannya:</span></font><br><marquee width="50%" style="color: rgb(51, 51, 51); font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 19px;">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee> <li style="color: rgb(51, 51, 51); font-family: Verdana, Geneva, sans-serif; line-height: 19px; text-align: start; padding: 0px; margin: 0px 0px 0.25em; border: none;"><span style="text-align: justify; line-height: 19px; font-size: 14.666658401489258px; white-space: nowrap;">>> </span><span style="font-size: small; text-align: justify; line-height: 19px;">Membuat tulisan berjalan dan akan berhenti ketika dilintasi KURSOR MOUSE</span></li> </ul> <ul style="padding: 0px 2.5em; margin: 0.5em 0px; list-style-position: initial; list-style-image: initial; background-color: rgb(255, 255, 255);"> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><div style="color: rgb(51, 51, 51); font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 19px; text-align: justify;"> <span style="font-size: small;">Anda bisa memakai kode <span style="color: rgb(153, 0, 0);">onmouseover="this.stop()" onmouseout="this.start()"</span>, jika tulisan berjalan itu terlintasi kursor mouse komputer maka otomatis tulisan berjalan akan berhenti selama kursor tersebut berada diatas tulisan berjalan tersebut.</span><br><span style="font-size: small;">Contok kodenya:</span></div> </li> <li style="padding: 0px; margin: 0px 0px 0.25em; border: none;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" size="2"><span style="line-height: 18.999988555908203px;"><textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:3px dotted #FFEFF9;line-height:1.5em;padding:5px;"><span style="font-family: 'Times New Roman'; line-height: 18.999988555908203px;"><marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS</marquee></span>

 Hasil tampilannya:
TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS

• Membuat Link pada tulisan berjalan
  Anda bisa menggunakan kode nama link, jadi ketika tulisan berjalan ini diklik maka akan akan masuk ke link yang sudah ditentukan. Agar maksimal maka penggunaan kode link ini dipadukan dengan kode berhenti ketika kursor melintas dan kode pergerakan dari atas kebawah:
  Contoh kodenya:
• <font color="#0000ff" face="Verdana, Geneva, sans-serif" style="font-size: medium; line-height: normal;"><span style="font-size: 14px; line-height: 19px;"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"> </span></font><br style="color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; line-height: normal;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" style="font-size: medium; line-height: normal;"><span style="font-size: 14px; line-height: 19px;"><a href="http://jasapembuatanblog-murah.blogspot.com">Jasa pembuatan blog murah</a><br/></span></font><br style="color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; line-height: normal;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" style="font-size: medium; line-height: normal;"><span style="font-size: 14px; line-height: 19px;"><a href="http://jasapembuatanblog-murah.blogspot.com/2012/12/toko-online-wordpress-2-dengan-fitur.html">Toko online wordpress</a><br/> </span></font><br style="color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; line-height: normal;"><font color="#0000ff" face="Verdana, Geneva, sans-serif" style="font-size: medium; line-height: normal;"><span style="font-size: 14px; line-height: 19px;"><a href="http://jasapembuatanblog-murah.blogspot.com/2013/01/fitur-seo-on-page-blogger.html">Fitur SEO Blogger</a></marquee> </span></font>                                                                               
•   Hasil tampilannya:
  Jasa pembuatan blog murah
  Toko online wordpress
  Fitur SEO BloggerKarena pada artikel pertama banyak yang menyakan cara memasangnya pada blog, maka saya akan jelaskan cara memasang kode marquee pada blog anda:

1. login ke blogger 
2. Klik menu Tata Letak
   
   
3. Klik Tambah Gadget
   
   
4.  Pilih widget HTML/Javascript
   
   
5. Pasang Kode yang sudah dijelaskan diatas.
6. Tempatkan gadget baru anda pada tata letak yang anda inginkan.

Note: kode diatas selain bisa di area tataletak/widget, anda juga menyisipkannya pada artikel/postingan anda, tentunya pada halaman posting rubah dahulu fungsi Compose ke HTML dan sisipkan kode yang telah disiapkan pada paragraf yang ditentukan.