Cara Buat Teks Bergerak (Marquee)

26 Oktober 2007 in 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

114 Replies

  1. Prastiwi

    5 Desember 2008 at 12:47 pm

    Wah… makasih banget mas fatih buat ilmu di blog ini, saya lagi belajar buat dengan sedikit pengetahuan yang saya miliki. Tapi dari blog ini saya sangat terbantu untuk mengembangkan blog saya.

    sukses buat anda.

    Prastiwi

    Balas
  2. Harjuna

    5 Desember 2008 at 9:46 pm

    thanks banget nih… aku banyak belajar dari sini.
    pokoknya trimssssssss deh

    Balas
  3. DIWARMAN

    6 Desember 2008 at 9:24 am

    Mas Fatih,
    Aku baru saja bikin blog, thanks ya, aku senang sekali ngunjungi blog ini. Tapi, barangkali aku butuh banyak bantuan nih.
    Semoga Blogger Indoneisa jaya.

    DIWARMAN
    SMAN 3 BATUSANGKAR-SUMBAR
    dewe_diwarman@yahoo.com
    http://diwarman64.blogspot.com

    Balas
  4. ita irawati

    18 Desember 2008 at 2:39 pm

    Assalamu’alaikum semuanya….. makasihnya akhirnya aku bisa, itu yang aku cari2 selama ini dan akhirnya ketemua, dan akhirnya aku coba bisa, senengnya hatiku,, makasih ya mas…. aku nunggu ilmu baru lagi nich mas…. seneng dah ketemu blognya mas fatih…

    Balas
  5. Agus

    23 Desember 2008 at 4:34 am

    Mas afatih mo nanya, Marque text ini sama kayak News sticker itu ya ??

    Balas
  6. Edo

    23 Desember 2008 at 6:31 pm

    Saya bersyukur banget bisa ketemu blog anda bang Fatih.
    Karena melihat blog anda saya jadi tertarik untuk mencoba membuat alamat blog sendiri.
    Saat ini saya sdh mengikuti petunjuk anda hingga terdaftar di Gmail.com dengan alamat email Cisma.IntFurn@gmail.com lalu mendaftar di blogger.com dengan nama Cisma Interior Furniture.
    Pada saat step gambar 7 mulai bingung harus berbuat apa, jadi saya stop disini dengan meng klik simpan sekarang.
    Tapi. saya akan terus belajar dari Blogg anda.
    Terima kasih sekali lagi.
    Semoga kesuksean selalu menyertai anda !
    Salam, Edo.

    Balas
  9. Manan

    28 Desember 2008 at 5:45 am

    Kang saya dah ngelink ke blog akang, dan persyaratannya dah saya penuhi :D

    Tpi saya masih bingung kang soalnya banner saya make scrol gitu, coba cek kang.. kalo mis ada yang kurang kasi tau ya kang..

    Hidup Blog Indonesia!!

    Balas
  10. Dian

    30 Desember 2008 at 4:32 pm

    wih…….mas aku dah coba……ntr aku coba lagi ahhh

    hehe thx bgt ya

    Balas
  11. Pakubumi

    5 Januari 2009 at 7:09 am

    Nambah dikit lagi ilmu saya

    Balas
  12. Didi Hernandi

    16 Januari 2009 at 4:46 pm

    Mas Fatih.. Thanks banget mau link ke blog saya (the one and only Mas… alias cuman punya 1 blog.. hehehe0… Marqueenya jg sy pasang Mas.. Thanks a lot lagi Mas… Semoga berkah.. Salam

    Balas
  13. karimfisika86

    16 Januari 2009 at 9:43 pm

    ku coba mas,,, kepengen baca tips motivasi n inspirasi di
    http://karimfisika86.wordpress.com

    Balas
  14. muryanto

    27 Januari 2009 at 12:18 pm

    wah bagus mas terima kasih, tapi gi mana supaya link nya tidak vertikal tapi hoisontal?

    Balas
  15. muryanto

    27 Januari 2009 at 12:24 pm

    gimana juga supaya kalo horisontal linknya, judul link ada jarak sa\tu sama lain?

    Balas
  16. ali

    28 Januari 2009 at 8:27 pm

    mas, aku orang baru ni soal bikin blog, supaya bikin blogspot ku bagus kok susah banget ya? pusing aku…

    aku uda baca tips dari mas. tapi msh aja kok ga bisa. jadi tambah pusing ni…

    Balas
  17. surya

    3 Februari 2009 at 12:34 pm

    terimakasih atas informasinya yaw………
    besuk lagi tak tunggu

    Balas
  18. Kojak

    8 Februari 2009 at 2:00 pm

    makasih mas bt infonya
    kl untuk banner apakah sama?

    Balas
  19. hanafi

    13 Februari 2009 at 9:29 pm

    bagaimana sich mas cara buat buku tamunya,,,kok ga bisa,,,,

    Balas
  20. indro

    16 Februari 2009 at 9:37 am

    di blogger, aku nyari2 fasilitas text(di WP=widget) di page element koq gk ada ya? apa mesti di edit dulu HTML nya biar muncul text areanya?

    Balas
  21. setyo

    25 Februari 2009 at 5:36 pm

    dear kang fatih,
    hurufnya memang huruf kecil-kecil to mas, gmn klw mw ganti sama yg “GEDE” gini, isoh ora. Aku udah berhasil seh mas cz aku pake blogspot, ukuranya juga udh aku sesuaikan weight jadi 100, cz klw 200 terlalu lama je…

    Balas
  22. noval

    10 Maret 2009 at 1:48 pm

    gimana caranya..???????
    q g bisa ..
    g tw mesti di paste dimana??

    maklum masi baru,,

    Balas
  24. z03r4

    11 Maret 2009 at 1:00 pm

    wah mas fatih… lengkap amat tutorialnya… :)
    thanks berat yach, udah share… :D

    Balas
  26. KeNaNgaN

    9 April 2009 at 3:38 pm

    salam kenal,
    maz bisa ngga’ tuliskan gimana caranya membuat blog dari awal ampe terakhir.alna saya lagi belajar ni maz,
    saat saya sign in error melulu knp ya?
    maz bs kirim k email saya g gimana cara membuat nya?
    matur nuhun sebelumnya

    Balas
  27. KeNaNgaN

    9 April 2009 at 3:40 pm

    saya juga mau nambah ilmu maz,saya penasaran mz gmn y cr nge blog yg baik n benar

    Balas
  28. kiranayatra

    14 April 2009 at 10:26 pm

    wuih tips – nya bagus dan berguna banget…
    terima kasih guru, jasamu takkan ku lupa..
    hatur nuhun..

    Balas
  29. mifta

    17 April 2009 at 12:58 pm

    mas fatih, step2 yg dijelasin kok gak sama (pake blogspot). aku jadi bingung nih, gmn cara prektek’in. kirim ilmu nya dong mas ke email saya, betul2 baru nih. thx bgt

    Balas
  30. Lowongan Kerja

    22 April 2009 at 3:29 am

    mas kalaw isi sebagian postingan bisa gak di marque

    Balas
  31. nia

    24 April 2009 at 12:59 pm

    salam kenal mas Fatih
    saya dapat ilmu tuk membuat teks bergerak, dan telah berhasil saya coba, terima kasih atas ilmunya.

    Balas
  32. aiti-almuslim

    28 April 2009 at 5:34 pm

    mksh untuk infonya, slm knl

    Balas
  33. herry

    5 Mei 2009 at 4:32 pm

    salam kenal om…..
    thanks om infonya, langsung di COPAS di blogku….
    jangan lupa mampir yah…and jangan lupa kasih saran…baru nech om dalam dunia blog…hehehhee….

    Balas
  34. putralubis

    5 Mei 2009 at 11:39 pm

    mas,,,, halaman text yang di blogspot,,,dimana,,gak ngerti saya,,,,

    Balas
  36. WD Nur

    17 Mei 2009 at 9:45 am

    Mengunjungi blog ini selalu memperkaya dan menambah pengetahuan bagi saya. Mator sakalangkong Mas

    Balas
  37. nia

    21 Mei 2009 at 5:58 pm

    terima kasih atas ilmunya

    Balas
  38. doni

    12 Juli 2009 at 2:28 pm

    baru mau coba dah bingung

    Balas
  1. 1 Cara Buat Teks Bergerak (Marque) « HuMAm Ari WAhYudiN’s Weblog Ping balik on Apr 20th, 2008 at 11:09 pm

    [...] trackback [...]

  2. 2 Kantongin » Free Wordpress Blog with AdSense Ping balik on Apr 24th, 2008 at 10:26 am

    [...] widget, use the text widget and fill it up with any javascript code including AdSense, shoutbox, marquee, and anything javascript. Not only in text widget though. You can put it in the posts or Pages too. [...]

  3. 3 Anti-CP Session II, Respect Others. « Pandu Gilas Anarkhi Ping balik on Mei 11th, 2008 at 6:48 am

    [...] [ini], [ini], dan [ini] youmi_cave (5/10/2008 10:52:31 PM): Emang. Itu imelnya si afatih. Ada [di sini] youmi_cave (5/10/2008 10:52:46 PM): Bahkan sampai akhir komen mirip. youmi_cave (5/10/2008 [...]

  4. 4 Tutorial Blog WordPress Januari 12, 2008 « CEPAT DAN PRAKTIS Ping balik on Jun 30th, 2008 at 1:18 am

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  5. 5 BELAJAR BIKIN Blog yuk !!!! « Kangabik’s Weblog Ping balik on Agu 11th, 2008 at 3:19 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  6. 6 B2OTD or Not, Nge-Blog Yuk.. « My ParaDIsE Ping balik on Sep 5th, 2008 at 4:23 pm

    [...] coba Anda bandingkan hasil kode konversi saya ini dengan sumbernya di tutorial blog. Klik di sini. No Comments Leave a Commenttrackback addressThere was an error with your comment, please try [...]

  7. 7 Cara Tukar Link (Blogroll) « Refleksi dan Blog Tutorial Ping balik on Okt 26th, 2008 at 12:13 am

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  8. 8 Info-Blog » Blog Archive » Cara Tukar Link (Blogroll) Ping balik on Nop 4th, 2008 at 4:45 am

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  9. 9 Nge-blog di Wordpres yuk..(33) « cahaya di atas cahaya Ping balik on Nop 8th, 2008 at 12:25 am

    [...] blogger wordpress.com mengeluh karena tidak dapat memakai Marquee (Teks bergerak) untuk tukar link / blogroll dengan blogger Indonesia yang lain. Tanpa menggunakan Marquee (marki) [...]

  10. 10 tips & trik blogroll « jorumongso Ping balik on Nop 17th, 2008 at 2:37 pm

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  11. 11 cara buat READ MORE « Dream Come True Ping balik on Des 1st, 2008 at 6:43 am

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  12. 12 Cara Tukar Link (Blogroll) - Blog-Muria Ping balik on Des 15th, 2008 at 10:34 pm

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  13. 13 Tutorial WordPress.com « Mtopan’s Blog Ping balik on Des 31st, 2008 at 5:17 am

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  14. 14 Cara Tukar Link « Dedhy Kasamuddin Ping balik on Jan 18th, 2009 at 8:39 pm

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  15. 15 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog Ping balik on Jan 26th, 2009 at 9:03 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  16. 16 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium Ping balik on Mar 8th, 2009 at 7:22 am

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  17. 17 perkenalan « K4m4li’s Blog Ping balik on Mar 16th, 2009 at 8:11 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  18. 18 Tutorial Blog « gooooooo…! Ping balik on Mar 25th, 2009 at 12:40 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  19. 19 Cara Tukar Link (Blogroll) Ping balik on Apr 23rd, 2009 at 7:29 pm

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  20. 20 Drop-down Blogroll « Belajar bikin Blog dengan mudah Ping balik on Apr 26th, 2009 at 8:03 am

    [...] Sebagian blogger wordpress.com mengeluh karena tidak dapat memakai Marquee (Teks bergerak) untuk tukar link / blogroll dengan blogger Indonesia yang lain. Tanpa menggunakan Marquee (marki) [...]

  21. 21 Tutorial Blog « Virtual First Ping balik on Mei 6th, 2009 at 4:36 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  22. 22 Ar1es G!rlS » Blog Archive » cara tukar link Ping balik on Mei 9th, 2009 at 3:11 pm

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan [...]

  23. 23 Ar1es G!rlS » Blog Archive » Tutorial Blog WordPress Ping balik on Mei 9th, 2009 at 3:17 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  24. 24 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya- Ping balik on Jun 3rd, 2009 at 9:14 am

    [...] Cara Membuat Teks Bergerak (Marquee) [...]

  25. 25 Cara Tukar Link (Blogroll) « Mbramantya's Blog Ping balik on Jun 6th, 2009 at 12:58 pm

    [...] juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di [...]

  26. 26 CARA BUAT WEBSITE GRATIS..! « TIADA KEMULIAAN TANPA ISLAM Ping balik on Jul 15th, 2009 at 7:00 pm

    [...] Cara Membuat Teks Bergerak (Marquee) [...]


« Cara Buat Read More di Blogger Baru
Blogger Beta dg Template Lama »

Leave a Comment


trackback address