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


  1. 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

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

  3. 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

  4. 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…

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

  6. Edo

    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.

  7. 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!!

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

    hehe thx bgt ya

  9. Nambah dikit lagi ilmu saya

  10. 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

  11. karimfisika86

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

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

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

  14. ali

    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…

  15. terimakasih atas informasinya yaw………
    besuk lagi tak tunggu

  16. makasih mas bt infonya
    kl untuk banner apakah sama?

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

  18. 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?

  19. 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…

  20. noval

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

    maklum masi baru,,

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

  22. KeNaNgaN

    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

  23. KeNaNgaN

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

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

  25. mifta

    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

  26. mas kalaw isi sebagian postingan bisa gak di marque

  27. nia

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

  28. mksh untuk infonya, slm knl

  29. 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….

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

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

  32. nia

    terima kasih atas ilmunya

  33. doni

    baru mau coba dah bingung

  1. 1 Cara Buat Teks Bergerak (Marque) « HuMAm Ari WAhYudiN’s Weblog

    [...] trackback [...]

  2. 2 Kantongin » Free Wordpress Blog with AdSense

    [...] 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

    [...] [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

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

  5. 5 BELAJAR BIKIN Blog yuk !!!! « Kangabik’s Weblog

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

  6. 6 B2OTD or Not, Nge-Blog Yuk.. « My ParaDIsE

    [...] 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

    [...] 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)

    [...] 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

    [...] 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

    [...] 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

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

  12. 12 Cara Tukar Link (Blogroll) - Blog-Muria

    [...] 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

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

  14. 14 Cara Tukar Link « Dedhy Kasamuddin

    [...] 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

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

  16. 16 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium

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

  17. 17 perkenalan « K4m4li’s Blog

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

  18. 18 Tutorial Blog « gooooooo…!

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

  19. 19 Cara Tukar Link (Blogroll)

    [...] 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

    [...] 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

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

  22. 22 Ar1es G!rlS » Blog Archive » cara tukar link

    [...] 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

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

  24. 24 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya-

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

  25. 25 Cara Tukar Link (Blogroll) « Mbramantya's Blog

    [...] 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

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




Leave a Comment