8 Contoh Penggunaan Marquee (Teks Berjalan) di Blogspot

Pada blogger, script marquee dapat kita letakkan dalam 3 tempat, yaitu : Di Dalam postingan, Elemen Laman, Dan di Edit HTML. Berikut ini cara meletakkan script marquee :

1. Peletakkan Script Marquee di dalam postingan

• Buatlah Entri baru atau create new post atau tekan simbol pensil
• Kemudian pilih Edit HTML 
• Kemudian Tuliskan script Marquee pada 
• Lihat Gambar Dibawah ini (klik Gambarnya jika tidak jelas) :

2. Peletakkan Script Marquee di Elemen Laman

• Pilih Layout (lihat gambar dibawah ini)

• Klik Add a Gadget (lihat gambar dibawah ini)

• Setelah itu muncul jendela baru, Pilih gadget HTML/JavaScript Add (lihat Gambar Dibawah Ini) :

• Masukkan script marquee pada form seperti gambar dibawah ini : 

• Kemudian langkah terakhir adalah tekan tombol Save (lihat gambar diatas) : 

3. Peletakkan Script Marquee di Template (Edit HTML)

• Pilih Template (lihat gambar dibawah ini)

• Klik Add a Gadget (lihat gambar dibawah ini)

• Masukkan Script Marquee sesuai dengan yang  Anda inginkan (lihat gambar dibawah ini, klik gambarnya jika tidak jelas)

Berikut ini 8 contoh penggunaan Script Marquee

1. Teks Bergulir ke sebelah kiri kemudian berhenti di ujung kiri:

Code	Result
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>	Your slide-in text goes here

2. Teks Bergulir Terus menerus ke sebelah kiri:

Code	Result
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>	Your scrolling text goes here

3. Text bouncing back and forth:

Code	Result
<marquee behavior="alternate">Your bouncing text goes here</marquee>	Your bouncing text goes here

4. Text Scrolling Upwards (teks bergulir ke atas):

Code	Result
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>	Your upward scrolling text goes here

5. Text Scrolling Downwards (teks bergulir ke bawah):

Code	Result
<marquee behavior="scroll" direction="down">Your upward scrolling text goes here</marquee>	Your upward scrolling text goes here

6. Setting kecepatan bergulir di marquee:

Code	Result
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><br /> <br /> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br /> <br /> <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>	Slow scroll speed Medium scroll speed Fast scroll speed

7. Gambar Bergulir:

Simply replace the src="... part with the location of your own image.

Code	Result
<marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX7pqqA4UvEBnIonoHG7ri1nHnFJgEoFDkbuf1OEGcvsKOVMnOxpAazPJ-2yrS99ueW5UnAABJSkBXCdeh1nKlWfmevyoqjrGp8hQCwHajUiDVW9Sh-PEZ9KuATFUZ8KuUUSO0VZeEYno/s1600/big_smile.png" width="100" height="100" alt="smile" /></marquee>

8. Text dan Color (teks dan warna):

Code	Result
<marquee bgcolor="#000000"><font color="#00FF00">Your Text</font></marquee>	Your Text

Posted in: Blogger , Blogspot