11 March 2012

» , » Cara Buat Tulisan Berjalan / Effect Marquee di Blog

Cara Buat Tulisan Berjalan / Effect Marquee di Blog

Tulisan berjalan, efek marquee


Efek marquee artinya memberikan atau membuat kesan berjalan/bergerak pada suatu text. Efek Marquee atau tulisan berjalan umumnya di letakkan di bagian atas Header blog atau di bagian Footer Blog dan biasanya Efek marquee berisikan teks ucapan selamat datang. Untuk menampilkan tulisan berjalan pada blog, kita hanya menyisipkan kode HTML SEBELUM dan SESUDAH teks yang akan ditampilkan. Di bawah ini terdapat delapan efek marquee yang saya berikan, silahkan di copy paste di blog sobat.

Tempatkan kode Effect Marquee atau tulisan berjalan pada tempat yang diinginkan (Kolom Postingan atau Kolom HTML Java Script).

Effect Marquee atau Tulisan berjalan lambat
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan berjalan ke atas
<marquee behavior="scroll" direction="up" height="30"> Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan Zig-zag
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Tulisan sobat disini</marquee></marquee>  

Effect Marquee atau Tulisan berjalan tetapi berhenti kalau dibayangi cursor
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan berjalan ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan berjalan dengan gambar
<marquee behavior="scroll"><img height="84" src="Url%20gambar%20yang%20akan%20ditampilkan" width="110">Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan dapat memantul
<marquee behavior="alternate" width="300"> Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan Bouncing around
<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Tulisan sobat disini</marquee></marquee>  


Perhatikan Contoh di bawah ini!

Tulisan berjalan lambat
Tulisan sobat disini


Tulisan berjalan ke atas
Tulisan sobat disini


Tulisan Zig-zag

Tulisan sobat disini



Tulisan berjalan tetapi berhenti kalau dibayangi cursor
Tulisan sobat disini


Tulisan berjalan ke kanan
Tulisan Tulisan sobat disini


Tulisan berjalan dengan gambar


Tulisan sobat disini



Tulisan dapat memantul
Tulisan sobat disini


Tulisan Bouncing around

Tulisan sobat disini


Baca tutorial menarik lainnya di bawah ini :

Widget Blog
Tips Trik Blog
Posted by

35 comments:

  1. IndrawanApril 27, 2012 at 8:46 AM

    tkz gan, saya lagi tahap membuat blog,,,

    ReplyDelete
  2. THAMSYL GENAKERZMay 3, 2012 at 2:19 PM

    ok.. tankz bro infonya.. aku
    lgi cari hiasan blog nigh..
    :-)

    ReplyDelete
  3. Promo Bisnis Lampu Sehat IonizerMay 5, 2012 at 12:54 PM

    Wah Effect Marqueenya lengkap bangat.

    Maaf kalau buat widget facebook tersembunyi seperti di kanan blog ini gimana ya, kalau saya bisanya buat yg biasa. maksudnya nanti di klik trus keluar widgetnya, kalau punya http://bloggertutorialblog.blogspot.com auto hide gimana caranya ?

    Terimakasih.

    ReplyDelete
  4. smartpulsa-88June 5, 2012 at 1:44 AM

    Gimana kalo membuat 5 kata atau lebih dengan tulisan berjalan ke atas. Kalo contoh diatas kan cuma 1 kata/kalimat (Tulisan Sobat Disini)
    Terimakasih and salam sukses

    ReplyDelete
  5. Indahnya Berbagi IlmuAugust 31, 2012 at 4:34 PM

    nice info gan... kalo merubah ukuran tulisannya gmn..?
    http://ngawion-line.blogspot.com

    ReplyDelete
  6. Obat Kencing ManisOctober 3, 2012 at 10:22 PM

    postingan ini sangat menarik serta enak di baca tentang tulisan berjalan pada blog

    ReplyDelete
  7. UnknownOctober 7, 2012 at 6:56 AM

    mas..kalau mau buat design header mas gimana ya...

    ReplyDelete
  8. herry erwantoOctober 14, 2012 at 10:17 AM

    thank's info nya..
    sangat berguna

    ReplyDelete
  9. download filmOctober 17, 2012 at 7:34 PM

    sangat menarik ulasannya bro dan salam kenal dari mico, dan juga kalau ada teman2 yg suka download film box office gratis silakan kunjungi situsnya gue ok, makasi untuk adminnya juga. thanks

    ReplyDelete
  10. MamiQ GalihNovember 21, 2012 at 11:48 AM

    Ijinin sy copy ea bos.............!!

    ReplyDelete
  11. UnknownNovember 26, 2012 at 12:42 PM

    gimn buaT tulisan terbang seperti ini ke atas :

    1. jumanji
    2. naruto
    3. isabela

    ReplyDelete
  12. UnknownNovember 27, 2012 at 5:19 PM

    ga bisaaa!!!

    ReplyDelete
  13. Islamuddin SyamDecember 25, 2012 at 7:25 AM

    Thankz ..... lg belajar buat blog juga neh....

    ReplyDelete
  14. Islamuddin SyamDecember 25, 2012 at 7:27 AM

    Thankz ..... lg belajar buat blog juga neh....

    ReplyDelete
  15. Iklan Niaga MassalDecember 26, 2012 at 10:07 AM

    SUKSES prakteknya, tulisannya saya buat berwarna, jadi lebih menarik. Terimakasih tutorialnya...

    ReplyDelete
  16. UnknownFebruary 3, 2013 at 10:04 PM

    makasihh infonyaa

    ReplyDelete
  17. FauziahFebruary 12, 2013 at 10:15 AM

    hehe makasih :D

    ReplyDelete
  18. NYOUNYAH COLLECTIONMarch 25, 2013 at 9:50 AM

    menyisipkan gambarnya gimana ?

    ReplyDelete
  19. UnknownMarch 30, 2013 at 1:29 PM

    WAhhhhh tutorial gampang banget mkash ea kak

    ReplyDelete
  20. luthfi mcqueenMay 13, 2013 at 8:13 PM

    thanks

    ReplyDelete
  21. SukamtoSeptember 30, 2013 at 5:38 PM

    thanks....

    ReplyDelete
  22. mynifahOctober 9, 2013 at 6:28 PM

    tips yang bagus buat pemula @http://alataartravel.com

    ReplyDelete
  23. UnknownDecember 18, 2013 at 9:27 AM

    thank teman :)

    ReplyDelete
  24. muba-skyJuly 5, 2014 at 5:45 PM

    ijin nyoba mas bro, saya sangat tertarik dengan artikel ini,

    kalo ada waktu kunjung balik mas bro
    http://muba-sky.blogspot.com/
    terimakasih

    ReplyDelete
  25. Eko Budi SantosoJuly 19, 2014 at 8:47 AM

    wah, bisa gan tulisannya jadi jalan. trimakasih .

    ReplyDelete
  26. andiJuly 19, 2014 at 8:47 AM

    bisa gan udah tak masukan kode nya di blog ku dan jadi. trimakasih...

    ReplyDelete
  27. UnknownSeptember 2, 2014 at 4:08 PM

    Kolom HTLM itu dimana sih??

    ReplyDelete
  28. harga pantherNovember 4, 2014 at 12:12 AM

    hebat gan aku salut

    ReplyDelete
  29. UnknownDecember 12, 2014 at 11:23 AM

    KLO BUAT BANNER FOTO GMN YA BRO, TRIMS, www.rudyponti.com

    ReplyDelete
  30. acemaxs31March 16, 2015 at 8:09 AM

    mantap nih tutornya mau ane pake aja hehehe
    http://acemaxs31.com

    ReplyDelete
  31. YesterdaywsezdayApril 9, 2015 at 9:01 AM

    Thanks
    wassalamualaikum warahmatullahhi wabarakatu

    ReplyDelete
  32. Obat MigrenApril 13, 2015 at 11:43 AM

    Terimakasih banyak sob, mantab nih tutornya.. siip

    ReplyDelete
  33. rasapisangJune 28, 2015 at 7:43 AM

    tks info mas broo

    ReplyDelete
  34. ToyibJanuary 6, 2016 at 3:54 PM

    DOMINO206 adalah Pusatnya Game Domino Terpercaya Indonesia. Memberikan pengalaman bermain nyata untuk anda, proses deposit dan withdraw cepat.
    Gabung sekarang juga dan segera menangkan jutaan rupiah setiap harinya !!

    http://domino206.com/?ref=910090

    judi domino qiuqiu
    judi domino 99
    BandarQ | BandarQ Online | Agen BandarQ | Domino99 | Agen Domino | AduQ Online Terbaik

    ReplyDelete
  35. AnonymousApril 27, 2022 at 11:57 PM

    Cara Buat Tulisan Berjalan / Effect Marquee Di Blog >>>>> Download Now

    >>>>> Download Full

    Cara Buat Tulisan Berjalan / Effect Marquee Di Blog >>>>> Download LINK

    >>>>> Download Now

    Cara Buat Tulisan Berjalan / Effect Marquee Di Blog >>>>> Download Full

    >>>>> Download LINK Xr

    ReplyDelete

Subscribe to: Post Comments (Atom)