Cara Membuat Tulisan Berjalan (Marquee)

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :
  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Teks berjalan dari kanan ke kiri


kode :

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan


kode :

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik


kode :

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah


kode :

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas


kode :

hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir


kode :

hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus


kode :

hasil :

Contoh Tulisan Berjalan




8. Teks berjalan zig-zag mantul


kode :

hasil :



Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

Subscribe to receive free email updates:

237 Responses to "Cara Membuat Tulisan Berjalan (Marquee)"

  1. makasih infonya ya, bermanfaat sekali bagi saya baru belajar ngeblog. :D

    BalasHapus
  2. thankyou. jika cara untuk membuat teks tersebut bergantian munculnya bagaimana ya?

    BalasHapus
  3. Makasih Infonya.. blog w sekarang jadi lebih bagus

    http://ishizawa-blog.blogspot.com/

    BalasHapus
  4. salam sejahtra ade,s trim atas asongannya pada blog anda yang mdah di simax dan di kunyah, ane mau nyana g mana agar punya saya besar maksud ane tulisan selamat datang di blog ane uk. kecil ma ksih ane orang tua yg msih baru belajar salam bank husni creative

    BalasHapus
  5. TERIMA KASIH BANYAK KK
    sekarang blog saya lebih bagus

    semoga allah memberkatimu
    aminnnn!!!!

    BalasHapus
  6. salam kenal sahabat, saya bermaksud mencari sahabat sebanyak mungkin, untuk itu saya mengajak sahabat semua

    untuk saling menukar link atau banner. jika ada yang mau memasang link atau banner silahkan kunjungin link

    ini --( http://www.cukuhnau.co.cc/2011/03/tukar-link-berbagi-link.html )-- jika ka belum silahkan konfirmasi

    aja.. dan tolong pasang banner and follow me di link tersebut.. untuk semuanya salam persahabatan dan salam

    kenal...tank for all.

    NB : yang mau bikin BANNER saya siap membuat kan secara gratis... info di link atas tadi.

    BalasHapus
  7. Keren Infonya

    http://iklanterbaik.blogspot.com
    http://1untuksemua.blogspot.com

    BalasHapus
  8. Thanks infonya gan. Rupanya variasi dari tulisan berjalan banyak banget ya jadi bisa gonta ganti model nih.

    BalasHapus
  9. terima kasih. it's usefull.
    www.delavega.blogspot.com

    BalasHapus
  10. Thanks yaaa.......... keren juga hasilnya ^_^

    BalasHapus
  11. thank gan atas ilmunya mampir gan ke sayagho.blogspot.com,

    BalasHapus
  12. waaaah berhasil makasih yaaaah.....!!!!!!!!!!!
    tutorial blog |kumpulan tips-trik

    BalasHapus
  13. MAKASIHH KAK...

    KK TW GK CARA BACKGROUND BLOG BERGERAK?

    GIMANA CARA NYA KAK?

    BalasHapus
  14. boleh tanya tata letak dan elemen halaman ada di mana y??
    klau bisa tolong fotoin letak nya
    bagi yg g tw cra foto layar computer liat aja blog gw,,
    http://winatasipesulap.blogspot.com/

    BalasHapus
  15. mantap bangt nih blogger alkham w berhasil

    BalasHapus
  16. Tank'S Yah Mohon Di Copaz.... Nitip Ya Gan..TOLONG Di BUKA...??

    Link:http://fahrizal40.blogspot.com/
    OKE..Qu TUNGGU Ya Dan Silahkan Tinggal Kan Kommentar

    BalasHapus
  17. mantap... tp, gmana cara merubah tulisannya????

    BalasHapus
  18. thanks... izinkan saya berbagi disini. kalau untuk ukuran dan warna teksnya tinggal di tambahkan kode html font color dan size disesuaikan aja dengan keinginan...

    BalasHapus
  19. Salam kenal dari Newbie... Akan kupraktekkan diblogku, Mas. Makasih infonya ya...Dan Marhaban yaa ramadhan, Selamat beribadah puasa semoga Allah SWT mengampuni dosa yang pernah kita lakukan.

    BalasHapus
  20. terimakasih, ini sangat berarti bagi kami yang belum mengenal dunia HTML. salam kenal JUNG..

    BalasHapus
  21. Nice Post :D

    jngan lupa kunjungan baliknya ya .

    http://rifqi-rizz.blogspot.com/

    BalasHapus
  22. Cara membesarkan tulisannya gmn>>>??<<

    BalasHapus
  23. keren gan infonya,

    sama mo nanya cara bikin drop down klo ga salah kayak di laman mas ade gimana ya??

    seperti tutorial di sorot trus muncul tutor bloger sama tutor photosop

    kirim link nya ke email saya ya, thanks sebelumnya
    indotelkomsat3@yahoo.com

    BalasHapus
  24. masyaallah,,,terima kasih mas,,,!

    BalasHapus
  25. om....saya masih NWEBIE...nah, kalo buat ganti ukuran font gimana ? ajarin ya om...makasih om...^_^

    BalasHapus
  26. artikel bagus mantap gan bagi tmen-tmen yang cari software dan game gratis silahkan kunjungi blog saya di bagaskara-vaidika.blogspot.com

    BalasHapus
  27. . wah bagus nih
    izin nyedot gan

    visit my blog
    http://blognya-reggy.blogspot.com

    BalasHapus
  28. thanks for the article

    BalasHapus
  29. Terima kasih om eh apa tanteu saya berhasil melaksanakan tugas

    BalasHapus
  30. Terima Kasih yaa. ... cara ini sangat bermanfaat bagi nusa dan bangsa...hehehe

    BalasHapus
  31. Thx sob buat code marquee-nya :D

    BalasHapus
  32. Biar tulisannya berwarna+ada backgroundnya bisa ega..?

    BalasHapus
  33. hay salam kenal ya, aku baru belajar buat blog, gimana ya caranya supaya tulisannya yang bergerak tebal dan menarik

    BalasHapus
  34. terima kasih sangat bermanfaat O:))

    BalasHapus
  35. wah, makasih gan.... Q ikut cara ini gan buat web Q.
    mampiir za... jika minat.hehehe

    Furniture Minimalis Jepara
    belanja mudah furniture minimalis dari jepara

    BalasHapus
  36. Thanks gan triknya...
    Salam kenal...

    mampir ya di blog saya
    Education Center
    TKP

    BalasHapus
  37. terima kasih za.... ilmu yang baik kang.

    BalasHapus
  38. terimakasih atas informasinya,...

    BalasHapus
  39. alhamdulillah dari artikel ini baru sy mengerti, trimksh bnyk...

    BalasHapus
  40. Terimakasih ats infonya, , ,lngsung saya coba di blog sy, krg teksnya jadi bisa berjalan.
    Slm knl
    Iman

    BalasHapus
  41. MUATHOUR NUWON SANGET ..............hehehehe'

    BalasHapus
  42. mAAKASIH PAKDE DAH NGEBANTU tpi cara ngilangin backgrounnya gmn Ya?????

    BalasHapus
  43. mantep bener ini....makasih gan. sangat membantu sekali..penjelasan juga mudah di mengerti

    BalasHapus
  44. thx ilmunya bro jangan lupa kunjungi blog gue jg yah salam blogger

    BalasHapus
  45. Makasih banyak infonya..
    Sangat membantu..

    Good Post!

    Salam kenal gan..

    BalasHapus
  46. Makasih Gan... salam kenal n kunjug balik yah

    BalasHapus
  47. TRIM'S ATAS INFONYA

    Oh ya bagi kawan2 yang ingin belajar bahasa inggris dengan cara online langsung dari LUAR Negeri silakan berkunjung ke www.englishone.tk
    kami uda menyediakan demo class sebagai contoh untuk kualitas pembelajarn kami bye..

    BalasHapus
  48. TERIMA KASIH GAN SANGAT MEMBANTU
    mampir2 sni gan http://dildobold.com

    BalasHapus
  49. makasih mas, tutorial ini yang sya cari...

    BalasHapus
  50. thx ya...klo ganti back ground nya?

    BalasHapus
  51. Bisa juga di pake buat Linik ? mas

    BalasHapus
  52. ilmu yg lo ajarkan sangat membantu thanks berat bro

    BalasHapus
  53. terima kasih gan, sangat membantu

    BalasHapus
  54. thanks yyoo info nxa
    bermanfatt bgt untuk perkembangan BOMBIEZ ZOMBIES
    FOLLOW BACK http://bombiezz.blogspot.com/

    BalasHapus
  55. Terima kasih ilmunya semoga bermanfaat

    BalasHapus
  56. thanks , saya baru memulai diblog ini :)

    BalasHapus
  57. makasih atas saran nya..
    truz berkarya.....

    BalasHapus
  58. supaya di buat ada warnanya cemana caranya kk ??

    BalasHapus
  59. mantap ne tutotrial..
    makasih bro!!

    BalasHapus
  60. Lengkap dan jelas, Semoga bisa saya terapkan/ Makasih ilmunya gan

    BalasHapus
  61. Nice info gan....

    jgn lupa mampir ya http://new-littlesun.blogspot.com

    BalasHapus
  62. Thank's Gan udah membantu blog Ane jadi lebih interaktif

    BalasHapus
  63. Terima kasih ilmunya dan informasinya gan

    BalasHapus
  64. mkasih gan ade..
    Tutor-nya sangat membantu banget ,,

    TERIMA KASIH ilmu-nya

    BalasHapus
  65. thx jangan lupa kunjungin dan follow ini

    http://ihgilailmam.blogspot.com/

    BalasHapus
  66. MANTAB BROO IDENYA,,,KUNJUNGI BLOG AK BRO AGUS YULIANTO BLOG

    BalasHapus
  67. Terima kasih Atas informasinya tentang cara membuat tulisan bergerak nya

    BalasHapus
  68. Malam gan... Article pembahasannya sangat bagus. Semoda semakin sukses ya. Mohon ijin untuk diapplikasikan diblog saya ya.
    http://pundidollarku.blogspot.com
    Kalau sempat tolong mampir ya gan, sekalian berkomentar demi pengembangan blog saya.
    Dan saya akan sangat senang jika diperkenankan tukar link.

    Salam Sukses gan.

    BalasHapus
  69. NICE SHARE GAN....

    BalasHapus
  70. izin copas
    dan terima kasih buat infonya, sangat membantu

    BalasHapus
  71. makasih ini sangat membantu saya

    blog saya
    http://gubuksuka-darma.blogspot.com

    BalasHapus
  72. mantaaaaaaaappppppppp
    http://callygraphycenter.blogspot.com/

    BalasHapus
  73. terima kasih banyak atas infonya.
    mungkin kita bisa kerja sama, dan klik di http://www.unsri.ac.id

    BalasHapus
  74. thxs Byak...........................

    success fulllll.

    BalasHapus
  75. mz brow aku jg izin copas ya....smga sukses gan

    BalasHapus
  76. wa...sangat mantaaab bro...terimakasih yach

    BalasHapus
  77. makasih infonya gan..
    mampir kesini ya..
    http://rayagungpratama.blogspot.com/

    BalasHapus
  78. Terima kasih informasinya dan telah berhasil dicobakan . Salam sukses selalu

    BalasHapus
  79. Thanks atas infonya

    BalasHapus
  80. thanks infox bermanfaat , bagi anda semua yg butuh dzikir dan doa khusus silahkan berkunjung ke blog : magicmarketid.blogspot.com

    BalasHapus
  81. Soooooo Gooooood and Very Niceeeeee.....!!!

    BalasHapus
  82. bro, izin publish ke blog saya ya.. thx

    BalasHapus
  83. Terima Kasih atas ilmunya ....
    izin copas y,

    BalasHapus
  84. wah,....ramai2 bikin tulisan berjalan.tks infonya...
    bagi yang ingin motor/mobilnya kinclong mampir ke blog ku ya.......salaaam

    BalasHapus
  85. [izin] mau repost juga diblog ku.

    BalasHapus
  86. nice info gan , ijin sedot ..
    jangan lupa kunjungan baliknya :D

    http://ojezzlastfriend.blogspot.com/

    BalasHapus
  87. xq udah tak ikutin langkah2nya tapi buku tamu saya malah ilang yaa???
    gimana caranya biar bisa kayak tulisan selamat datanga dst itu???

    BalasHapus
  88. thanks gan informasinya.. sangat membantu

    BalasHapus
  89. mau tanya tulisan nya supaya bisa besar digamna ya masnya mohon bantuanya

    BalasHapus
  90. gan.. gimana cara membuat tulisan yang ditaruh diatas dan dibawah untuk pemberitahuan seperti di mangacan.blogspot tu saya bingung g' tau caranya..! kalau bisa kasih tau ke blog saya ya gan. minta tolong banget ya bang..!

    BalasHapus
  91. kalo pake gambar bisa gak?

    BalasHapus
  92. terima kasih atas infonya..
    sangat membantu gan

    BalasHapus
  93. makasih banyak ya gan buat infonya salam kenal

    BalasHapus
  94. Thanks gan triknya...
    Salam kenal...
    izin sedot

    BalasHapus
  95. ana coba dulu ya gan,,, maaf bru brkunjung, jgn lupa kunjung balik ya.... http://athokonline.blogspot.com

    BalasHapus
  96. Tank's Very Much... Ahihihi <3

    BalasHapus
  97. makasih mas infonya, saya sudah coba text berjalan akhirnya berhasil

    BalasHapus
  98. sipp.. ntar di coba gann,, infonyaa .. makasih ,

    BalasHapus
  99. Nice gan kalo ada waktu mampir ke blog ane ya
    http://softwareria.blogspot.com/

    BalasHapus
  100. makasih gan infonya,,

    mampir http://kumpulanilmu2.blogspot.com/ suwun

    BalasHapus
  101. hehehehe ... e juga tRm kasih mas .... salam nak MACAZZART ... goog luck ...

    BalasHapus
  102. salam kenal bos, dan thanks ya informasinya

    BalasHapus
  103. wah kebetulan saya baru berniat ngasih tulisan berjalan nih gan...ijin sedot ilmu membuat tulisan berjalannya yah seep thank's :D

    BalasHapus
  104. terima kasih infonya gan'

    kunjungi kami www.buyatarmizi.com

    BalasHapus
  105. Good Gan, mohon izin untuk ana share di blog ana.

    BalasHapus
  106. TQ Gan sekarang Blog ku jadi bagus kunjungi blog Ku

    http://serbablogger.blogspot.com/

    lihat hasinya bagus TQ y

    BalasHapus
  107. mantap tips nya..., thanks.
    ijin promosi blog saya yg baru di
    www.warta-berita-online.blogspot.com

    BalasHapus
  108. salam sukses

    siippp ini dia yang saya cari beberapa alternarif tulisan berjalan..
    tq gan..

    BalasHapus
  109. Ok tuuh !!!!
    http://downladsoftware.blogspot.com/

    BalasHapus
  110. mantaaapp gan infonya ... :D

    kerennn

    http://moetivasi.blogspot.com

    BalasHapus
  111. izin copas.. link blognya nya jg tk pasang d blog ane.. trims.

    BalasHapus
  112. thnks gan,,infonya sangat bermanfaat bagi saya,,,

    BalasHapus
  113. nice info,,,,salam persahabatan ya

    BalasHapus
  114. thnks gan,,,di tunggu ya karya-karya nya yang lain

    BalasHapus
  115. Andy Adistya Rahman11 Agustus 2012 pukul 19.15

    Bagaimana Caranya Untuk Membesarkan Tulisanya??? Tolong Kalau Tau Tolong Info Ya...

    BalasHapus
  116. Terima kasih buat infonya, sangat membantu :)

    BalasHapus
  117. thx,,ilmunya sgt berguna
    bole mampir ke blog saya :)

    BalasHapus
  118. Makasih Gan Tas Infonya Salam SUkses Selalu

    BalasHapus
  119. terima kasih infonya, sangat bermanfaat!!

    BalasHapus
  120. mantaff, lgsg dpraktekin nih... @ latimodjong-bandung.blogspot.com

    BalasHapus
  121. suer, ini beneran, infonya membuat blog saya tampak 'lumayan' bagus, karena ada tulisan berjalannya XDD

    makasih ya atas infonya, its very helping

    BalasHapus
  122. bisa gk klo ngikutin mouse nya

    BalasHapus
  123. kalo tulisannya berada dibawah n melayang gitu gmn gan?

    BalasHapus
  124. terima kasih tips nya kunjungi balik yah
    http://sariptrik.blogspot.com

    BalasHapus
  125. Thanks Follow www.markuskututomcat.blogspot.com

    BalasHapus
  126. izin copas
    dan terima kasih buat infonya, sangat membantu

    BalasHapus
  127. masih baru ni mas, maksud tata letak atau elemen halaman tu apa ya??/

    BalasHapus

Berkomentarlah dengan Baik dan Sopan..