Cara Buat Teks Bergerak (Marquee)

Dikirimkan di Blog Indonesia, Blogger Indonesia, Fatih Syuhud, Indonesia Blogs, Indonesian Blogger, Panduan Membuat Blog, Tips blog, Tutorial Blogger, Tutorial Wordress

Apabila Anda melihat link atau teks yg bergerak di sidebar blog ini, itu namanya marquee (baca, marki). Program html marquee ini berguna bukan saja untuk menarik tamu yg datang agar memperhatikan apa yg tertulis di dalamnya tapi juga berfungsi untuk menghemat ruang (space) sidebar kita sehingga lebih efektif dan efisien. Bagaimana cara membuat marquee?

Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:


<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">(teks atau link tulis di sini)</MARQUEE>

Contoh Marquee untuk link (copy & paste dan ganti contoh link sesuai keinginan Anda):


<MARQUEE align="center" direction="up" height="200" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="100%">
<a href="http://fatihsyuhud.com" target="new">- Blogger Indonesia -</a>
<a href="http://afatih.wordpress.com target="new">- Refleksi dan Blog Tutorial -</a>
<a href="http://www.jobvacancycareer.com/ target="new">- Jobs Info -</a>
<a href="http://www.beasiswas.com/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.net/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.info/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.org/ target="new">- Beasiswa -</a>
<a href="http://lowonganbeasiswa.com/ target="new">- Beasiswa -</a>
<a href="http://beasiswa.blogs.ie/ target="new">- Beasiswa -</a>
<a href="http://www.lowongankerjas.com/ target="new">- Loker -</a>
<a href="http://www.lowongankerjas.net/ target="new">- Loker -</a>
<a href="http://www.lowongankerjas.org/ target="new">- Loker -</a>

 </MARQUEE>

Catatan:
1. Kode <br /> adalah singkatan dari (line break) atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode <br /> lagi. Sesuai selera.

2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.

Contoh Marquee untuk teks:


<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">Mengutip sebagian atau keseluruhan isi blog ini ke blog Anda dipersilahkan ASAL menyebut URL sumber tulisan dan/atau permanent link artikel yg dikutip.
<br>

Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, kotak komentar blog atau email ke: blogger.indonesia@gmail.com.
</MARQUEE>

Catatan:

1. Jangan lupa untuk menyelipkan kode <br /> untuk ganti garis atau paragraf.

TIP PENTING:

1. tag atau kode: direction=”up” artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode “up” bisa diganti dg “down” bila ingin link/teks bergerak ke bawah; dan ganti menjadi “left” supaya bergerak ke kiri dan “right” supaya bergerak ke kanan.

2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, dll.

3. a.Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.
b. Untuk self-hosted wordpress -> aktifkan widget -> naikkan widget text -> pasang kode marquee.
c. blogsome.com, blogs.ie dan self-hosted wordpress: klik manage -> files -> pasang kode marquee di sidebar.

Salam nge-Blog!

Tutorial Blogger.com / Blogspot

Tutorial Umum Blogging (Untuk Wordress dan Blogger.com/Blogspot): Promosi dan Manfaat Membuat dan Menulis Blog

102 tanggapan untuk “Cara Buat Teks Bergerak (Marquee)”

  2. Ping-balik: Drop-down Blogroll « Belajar bikin Blog dengan mudah

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Gravatar
Logo WordPress.com

You are commenting using your WordPress.com account. ( Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. ( Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. ( Logout /  Ubah )

Batal

Connecting to %s