Cara Membuat Tulisan Berjalan (Marquee)

By: Ade S | Label: Tutorial Blog |

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 :

Login ke Blogger
Kemudian klik Tata Letak dan Elemen Halaman
Ketika sudah berada di Elemen Halaman klik Tambah Gadget
Lalu pilih HTML/JavaScript
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

Demikianlah artikel mengenai Cara Membuat Tulisan Berjalan (Marquee)
Semoga Bermanfaat..

119 komentar:

kuspratiknyo on 7 Oktober 2009 11:16 mengatakan...: terima kasih artikelnya
denin al_kangean on 13 Oktober 2009 09:14 mengatakan...: terimakasih kode tamplatnya.
daerahku daerah Gambut on 25 November 2009 15:47 mengatakan...: makasih infonya ya, bermanfaat sekali bagi saya baru belajar ngeblog. :D
Anonim mengatakan...: thankyou. jika cara untuk membuat teks tersebut bergantian munculnya bagaimana ya?
SOMAT SMK TKJ on 12 Maret 2010 12:43 mengatakan...: MAKASIH YAAAAAAAAAAAA
badman on 8 Juni 2010 12:53 mengatakan...: keren...........
Ishizawa Ryoichi on 13 Juni 2010 15:43 mengatakan...: Makasih Infonya.. blog w sekarang jadi lebih bagus

http://ishizawa-blog.blogspot.com/
Amal Gofa on 18 Agustus 2010 00:10 mengatakan...: trimakasi infonya gan....
ThasyaNovita.com on 9 Oktober 2010 07:46 mengatakan...: wow.. lumayann kererenn...
Dany Farid Habibi on 15 November 2010 14:04 mengatakan...: mantap bro!!!!
™Anime™ on 24 Desember 2010 14:40 mengatakan...: Wow thank's friend , harap di buka situs saya ya

kalo kurang bagus ma'af ya soalnya msh pemula

ni http://ch33thoz.blogspot.com
Rujhan on 15 Januari 2011 20:19 mengatakan...: makasih bro
Anonim mengatakan...: TQ kakz
Bank Husni on 19 Januari 2011 18:07 mengatakan...: 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
muhammad baraja on 19 Januari 2011 21:05 mengatakan...: TERIMA KASIH BANYAK KK
sekarang blog saya lebih bagus

semoga allah memberkatimu
aminnnn!!!!
Magic Videos on 8 Februari 2011 16:31 mengatakan...: Sangat berguna :D
suman djapeet on 7 Maret 2011 00:33 mengatakan...: terima kasih banyak
AAN PRAWIRA on 13 Maret 2011 19:51 mengatakan...: MAKASIH YA INFONYA :)
PasidCheater.blogspot.com on 23 Maret 2011 20:53 mengatakan...: terus besarin tulisannya kk
zinkum purba sidadolog on 23 Maret 2011 23:03 mengatakan...: THX
filemmove on 30 Maret 2011 02:03 mengatakan...: 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.
Anonim mengatakan...: Keren Infonya

http://iklanterbaik.blogspot.com
http://1untuksemua.blogspot.com
seo, backlink on 14 April 2011 03:33 mengatakan...: Thanks infonya gan. Rupanya variasi dari tulisan berjalan banyak banget ya jadi bisa gonta ganti model nih.
technovolution on 26 April 2011 04:05 mengatakan...: terima kasih. it's usefull.
www.delavega.blogspot.com
Talitha's blog on 28 April 2011 17:21 mengatakan...: Thanks yaaa.......... keren juga hasilnya ^_^
Junawan Deddy on 10 Juni 2011 01:32 mengatakan...: thank gan atas ilmunya mampir gan ke sayagho.blogspot.com,
ZOEL on 17 Juni 2011 20:46 mengatakan...: waaaah berhasil makasih yaaaah.....!!!!!!!!!!!
tutorial blog |kumpulan tips-trik
PDP_LASAK_Trooper on 20 Juni 2011 15:23 mengatakan...: MAKASIHH KAK...

KK TW GK CARA BACKGROUND BLOG BERGERAK?

GIMANA CARA NYA KAK?
winatasipesulap on 21 Juni 2011 08:44 mengatakan...: 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/
Heru nya heru on 21 Juni 2011 15:55 mengatakan...: mantap bangt nih blogger alkham w berhasil
REGARBLOG on 22 Juni 2011 16:19 mengatakan...: THANKS..........HORAS
Anonim mengatakan...: THANKS
Fahrizal.D.Indrawan on 2 Juli 2011 20:38 mengatakan...: 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
Anwar Kosong Tujuh on 3 Juli 2011 14:14 mengatakan...: arigatou gozaimasu ^^
aby on 9 Juli 2011 21:39 mengatakan...: mantap... tp, gmana cara merubah tulisannya????
Dhan on 10 Juli 2011 23:02 mengatakan...: thanks... izinkan saya berbagi disini. kalau untuk ukuran dan warna teksnya tinggal di tambahkan kode html font color dan size disesuaikan aja dengan keinginan...
MI. MINSYA'ULWATHON GROGOLAN on 22 Juli 2011 06:42 mengatakan...: maturnuwun,...!
ahmad on 24 Juli 2011 03:59 mengatakan...: maksih yaa GAN..
isman on 31 Juli 2011 18:25 mengatakan...: 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.
HIMMAH NW LOTENG on 12 Agustus 2011 14:31 mengatakan...: terimakasih, ini sangat berarti bagi kami yang belum mengenal dunia HTML. salam kenal JUNG..
Muhammad Rifqi R on 20 Agustus 2011 14:42 mengatakan...: Nice Post :D

jngan lupa kunjungan baliknya ya .

http://rifqi-rizz.blogspot.com/
Lirik lagu terbaru on 20 Agustus 2011 17:32 mengatakan...: Cara membesarkan tulisannya gmn>>>??<<
helmy on 22 Agustus 2011 11:59 mengatakan...: 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
maha on 29 Agustus 2011 18:35 mengatakan...: mantab gan....
Muhammad Hauzan on 1 September 2011 04:38 mengatakan...: masyaallah,,,terima kasih mas,,,!
TribaLz~ on 18 September 2011 15:47 mengatakan...: cara ngatur size fontnya gmna?
wahanabelajar on 22 September 2011 15:52 mengatakan...: salam kenal
canaanonlinenow on 23 September 2011 20:03 mengatakan...: om....saya masih NWEBIE...nah, kalo buat ganti ukuran font gimana ? ajarin ya om...makasih om...^_^
vaidika on 30 September 2011 22:36 mengatakan...: artikel bagus mantap gan bagi tmen-tmen yang cari software dan game gratis silahkan kunjungi blog saya di bagaskara-vaidika.blogspot.com
Reggy Zian Purnama on 8 Oktober 2011 14:02 mengatakan...: . wah bagus nih
izin nyedot gan

visit my blog
http://blognya-reggy.blogspot.com
Mentari Anggari on 8 Oktober 2011 15:31 mengatakan...: thanks for the article
Anonim mengatakan...: thanks for the article
GALERI SENI on 12 Oktober 2011 01:41 mengatakan...: Terima kasih om eh apa tanteu saya berhasil melaksanakan tugas
Fitri on 14 Oktober 2011 08:42 mengatakan...: Terima Kasih yaa. ... cara ini sangat bermanfaat bagi nusa dan bangsa...hehehe
Petu on 17 Oktober 2011 14:46 mengatakan...: Thx sob buat code marquee-nya :D
al-azmy on 18 Oktober 2011 16:09 mengatakan...: Biar tulisannya berwarna+ada backgroundnya bisa ega..?
Dyah on 2 November 2011 15:35 mengatakan...: hay salam kenal ya, aku baru belajar buat blog, gimana ya caranya supaya tulisannya yang bergerak tebal dan menarik
company profile on 3 November 2011 13:59 mengatakan...: terima kasih sangat bermanfaat O:))
Furniture Minimalis on 7 November 2011 16:53 mengatakan...: 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
Syam on 7 November 2011 22:01 mengatakan...: Thanks gan triknya...
Salam kenal...

mampir ya di blog saya
Education Center
TKP
ameliia febriiani on 8 November 2011 17:18 mengatakan...: sukses :D
Mebel Minimalis on 10 November 2011 16:29 mengatakan...: terima kasih za.... ilmu yang baik kang.
MUKLISIN on 12 November 2011 13:41 mengatakan...: terimakasih atas informasinya,...
asrina on 13 November 2011 10:45 mengatakan...: alhamdulillah dari artikel ini baru sy mengerti, trimksh bnyk...
Toko Furniture Jepara.com on 13 November 2011 12:05 mengatakan...: makasih banyak atas informasinya,
good...
eviephee on 16 November 2011 18:55 mengatakan...: wah, nice info.. arigatou :)
IMAN LUKMAN NUL HAKIM, S.Pd on 16 November 2011 22:42 mengatakan...: Terimakasih ats infonya, , ,lngsung saya coba di blog sy, krg teksnya jadi bisa berjalan.
Slm knl
Iman
™==StevenJackson==™ on 17 November 2011 20:28 mengatakan...: Thanks Y Gan
nova bumi iskandhar on 18 November 2011 13:14 mengatakan...: MUATHOUR NUWON SANGET ..............hehehehe'
Gapai Mimpimu Elwitri Silvia on 19 November 2011 11:30 mengatakan...: mksh y,,, usefull bgt
OPRAMEDIA IT on 20 November 2011 11:33 mengatakan...: makasih atas info'a ya gan..
BLOG PRIBADI AREK NGALAM on 21 November 2011 10:42 mengatakan...: mAAKASIH PAKDE DAH NGEBANTU tpi cara ngilangin backgrounnya gmn Ya?????
sandoraz on 21 November 2011 13:06 mengatakan...: mantep bener ini....makasih gan. sangat membantu sekali..penjelasan juga mudah di mengerti
amat on 22 November 2011 21:21 mengatakan...: mantap ni gan.........
kang adhie on 22 November 2011 21:33 mengatakan...: maturnuwun infonya,,,
Palti sinaga on 27 November 2011 18:35 mengatakan...: THXS YA KAK
siaga online on 29 November 2011 15:55 mengatakan...: thx ilmunya bro jangan lupa kunjungi blog gue jg yah salam blogger
Andrey Kusanagi on 29 November 2011 23:54 mengatakan...: thx sob atas info Cara membuat tulisan berjalan di blog
mampir sob di AndreyKusanagi.Com
Eloktavian on 8 Desember 2011 07:44 mengatakan...: Makasih banyak infonya..
Sangat membantu..

Good Post!

Salam kenal gan..
oim el-anwar WebBlog's on 9 Desember 2011 16:13 mengatakan...: Makasih Gan... salam kenal n kunjug balik yah
Grosir Online bandung on 10 Desember 2011 05:55 mengatakan...: Terima kasih bos atas informasinya sangat bermanfaat bagi kami. Semoga Allah,SWT membalas kebaikan bos.
Terima kasih,
http://www.grosironlinebandung.com/
Pusat Grosir & Retail Distro & Fashion Bandung, Outdoor The Adventure Equipment Performance
english one on 12 Desember 2011 11:10 mengatakan...: 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..
Hasan Ansari on 14 Desember 2011 09:10 mengatakan...: makasih, kawan...
Rieza Hrry on 14 Desember 2011 20:33 mengatakan...: Makasi Gan :D
ZAID INFO on 16 Desember 2011 10:14 mengatakan...: thanks mas
Ntar Tak coba
abie anggara on 18 Desember 2011 23:30 mengatakan...: thnks ya....salam kenal
dildobold on 21 Desember 2011 16:00 mengatakan...: TERIMA KASIH GAN SANGAT MEMBANTU
mampir2 sni gan http://dildobold.com
jam tangan tokyo flash on 21 Desember 2011 22:41 mengatakan...: makasih mas, tutorial ini yang sya cari...
yudi007 on 22 Desember 2011 03:30 mengatakan...: thx ya...klo ganti back ground nya?
Computer Triks on 30 Desember 2011 16:32 mengatakan...: bertambah wawasan lgi nij :)
Maiin Putra on 31 Desember 2011 10:28 mengatakan...: Bisa juga di pake buat Linik ? mas
alan roy on 1 Januari 2012 19:04 mengatakan...: ilmu yg lo ajarkan sangat membantu thanks berat bro
pemutih wajah on 3 Januari 2012 15:58 mengatakan...: terima kasih gan, sangat membantu
BOMBIEZ ZOMBIES on 6 Januari 2012 13:18 mengatakan...: thanks yyoo info nxa
bermanfatt bgt untuk perkembangan BOMBIEZ ZOMBIES
FOLLOW BACK http://bombiezz.blogspot.com/
Aajum on 11 Januari 2012 21:32 mengatakan...: Terima kasih ilmunya semoga bermanfaat
Ingat Raffiaif Fidwict on 25 Januari 2012 18:58 mengatakan...: thanks , saya baru memulai diblog ini :)
azzam aka on 26 Januari 2012 11:48 mengatakan...: makasih atas saran nya..
truz berkarya.....
Anonim mengatakan...: supaya di buat ada warnanya cemana caranya kk ??
irawan on 27 Januari 2012 15:11 mengatakan...: mantap ne tutotrial..
makasih bro!!
ISTANA CELLULER on 30 Januari 2012 22:12 mengatakan...: thanks gan sngat sempurna.
03prilaz on 1 Februari 2012 16:52 mengatakan...: Visit http://www.facebook.com/groups/persatuanbloggerindonesia/
Software Akuntansi Laporan Keuangan Terbaik on 2 Februari 2012 00:47 mengatakan...: Lengkap dan jelas, Semoga bisa saya terapkan/ Makasih ilmunya gan
LittleSun Blog on 3 Februari 2012 14:44 mengatakan...: Nice info gan....

jgn lupa mampir ya http://new-littlesun.blogspot.com
Adelia Latahzan on 6 Februari 2012 14:48 mengatakan...: Thannks infonya langsung dicoba.
Zona Terbaik on 10 Februari 2012 23:58 mengatakan...: Izin nyoba gan..
Bisnis Digital on 12 Februari 2012 20:12 mengatakan...: Thank's Gan udah membantu blog Ane jadi lebih interaktif
Phiiexz on 13 Februari 2012 20:24 mengatakan...: keren
CV.CERASTA on 15 Februari 2012 21:06 mengatakan...: Terima kasih ilmunya dan informasinya gan
Abuy McQuein on 19 Februari 2012 07:58 mengatakan...: txq banyak
download gratis on 21 Februari 2012 14:48 mengatakan...: terima kasih infonya . . .
Partai Kongres on 26 Februari 2012 11:47 mengatakan...: Semangat Blogger indonesia
Rahmat R on 27 Februari 2012 02:40 mengatakan...: mkasih gan ade..
Tutor-nya sangat membantu banget ,,

TERIMA KASIH ilmu-nya
Ilmam Achmadiarsyi on 28 Februari 2012 14:11 mengatakan...: thx jangan lupa kunjungin dan follow ini

http://ihgilailmam.blogspot.com/
pencarijejakIlahi on 29 Februari 2012 20:15 mengatakan...: thanks ya......informasinya
BAGUSS CELL on 2 Maret 2012 17:38 mengatakan...: MANTAB BROO IDENYA,,,KUNJUNGI BLOG AK BRO AGUS YULIANTO BLOG
PKK KOTA MATARAM on 2 Maret 2012 18:24 mengatakan...: Terima kasih Atas informasinya tentang cara membuat tulisan bergerak nya
Mohammad Saleh on 4 Maret 2012 19:03 mengatakan...: 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.
iefhanz mengatakan...: NICE SHARE GAN....
Muhammad Nuriyanto on 8 Maret 2012 08:46 mengatakan...: izin copas
dan terima kasih buat infonya, sangat membantu