Cara Buat Teks Bergerak (Marquee) di Blog

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

About these ads

166 thoughts on “Cara Buat Teks Bergerak (Marquee) di Blog

  1. Ping-balik: Belajar WordPress Bagi Pemula | Tempat Berbagi Untuk Semua Orang

  2. Ping-balik: Link Tutorial Blog ( A-Z ) | Let's Thinking...

  3. Ping-balik: Tutorial Blog | fentanovii

Silahkan berkomentar dengan santun

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

WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s