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. Teks berjalan dari kanan ke kiri
kode :hasil :
2. Teks berjalan dari kiri ke kanan
kode :hasil :
3. Teks berjalan bolak balik
kode :hasil :
4. Teks berjalan dari atas ke bawah
kode :hasil :
5. Teks berjalan dari bawah ke atas
kode : hasil :
6. Teks berjalan mondar-mandir
kode : hasil :
7. Teks berjalan zig-zag nembus
kode : hasil :
8. Teks berjalan zig-zag mantul
kode : hasil :
Contoh Tulisan Berjalan
Langkah Selanjutnya adalah mengganti tulisan
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 :
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 :
2. Teks berjalan dari kiri ke kanan
kode :hasil :
3. Teks berjalan bolak balik
kode :hasil :
4. Teks berjalan dari atas ke bawah
kode :hasil :
5. Teks berjalan dari bawah ke atas
kode : hasil :
6. Teks berjalan mondar-mandir
kode : hasil :
7. Teks berjalan zig-zag nembus
kode : hasil :
8. Teks berjalan zig-zag mantul
kode : hasil :
Contoh Tulisan Berjalan
Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalandengan 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
terima kasih artikelnya
BalasHapusterimakasih kode tamplatnya.
BalasHapusmakasih infonya ya, bermanfaat sekali bagi saya baru belajar ngeblog. :D
BalasHapusthankyou. jika cara untuk membuat teks tersebut bergantian munculnya bagaimana ya?
BalasHapusMAKASIH YAAAAAAAAAAAA
BalasHapuskeren...........
BalasHapusMakasih Infonya.. blog w sekarang jadi lebih bagus
BalasHapushttp://ishizawa-blog.blogspot.com/
trimakasi infonya gan....
BalasHapuswow.. lumayann kererenn...
BalasHapusmantap bro!!!!
BalasHapusmakasih bro
BalasHapusTQ kakz
BalasHapussalam 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
BalasHapusTERIMA KASIH BANYAK KK
BalasHapussekarang blog saya lebih bagus
semoga allah memberkatimu
aminnnn!!!!
Sangat berguna :D
BalasHapusterima kasih banyak
BalasHapusMAKASIH YA INFONYA :)
BalasHapusterus besarin tulisannya kk
BalasHapusTHX
BalasHapussalam kenal sahabat, saya bermaksud mencari sahabat sebanyak mungkin, untuk itu saya mengajak sahabat semua
BalasHapusuntuk 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.
Keren Infonya
BalasHapushttp://iklanterbaik.blogspot.com
http://1untuksemua.blogspot.com
Thanks infonya gan. Rupanya variasi dari tulisan berjalan banyak banget ya jadi bisa gonta ganti model nih.
BalasHapusterima kasih. it's usefull.
BalasHapuswww.delavega.blogspot.com
Thanks yaaa.......... keren juga hasilnya ^_^
BalasHapusthank gan atas ilmunya mampir gan ke sayagho.blogspot.com,
BalasHapuswaaaah berhasil makasih yaaaah.....!!!!!!!!!!!
BalasHapustutorial blog |kumpulan tips-trik
MAKASIHH KAK...
BalasHapusKK TW GK CARA BACKGROUND BLOG BERGERAK?
GIMANA CARA NYA KAK?
boleh tanya tata letak dan elemen halaman ada di mana y??
BalasHapusklau bisa tolong fotoin letak nya
bagi yg g tw cra foto layar computer liat aja blog gw,,
http://winatasipesulap.blogspot.com/
mantap bangt nih blogger alkham w berhasil
BalasHapusTHANKS..........HORAS
BalasHapusTHANKS
BalasHapusTank'S Yah Mohon Di Copaz.... Nitip Ya Gan..TOLONG Di BUKA...??
BalasHapusLink:http://fahrizal40.blogspot.com/
OKE..Qu TUNGGU Ya Dan Silahkan Tinggal Kan Kommentar
arigatou gozaimasu ^^
BalasHapusmantap... tp, gmana cara merubah tulisannya????
BalasHapusthanks... izinkan saya berbagi disini. kalau untuk ukuran dan warna teksnya tinggal di tambahkan kode html font color dan size disesuaikan aja dengan keinginan...
BalasHapusmaturnuwun,...!
BalasHapusmaksih yaa GAN..
BalasHapusSalam 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.
BalasHapusterimakasih, ini sangat berarti bagi kami yang belum mengenal dunia HTML. salam kenal JUNG..
BalasHapusNice Post :D
BalasHapusjngan lupa kunjungan baliknya ya .
http://rifqi-rizz.blogspot.com/
Cara membesarkan tulisannya gmn>>>??<<
BalasHapuskeren gan infonya,
BalasHapussama 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
mantab gan....
BalasHapusmasyaallah,,,terima kasih mas,,,!
BalasHapuscara ngatur size fontnya gmna?
BalasHapussalam kenal
BalasHapusom....saya masih NWEBIE...nah, kalo buat ganti ukuran font gimana ? ajarin ya om...makasih om...^_^
BalasHapusartikel bagus mantap gan bagi tmen-tmen yang cari software dan game gratis silahkan kunjungi blog saya di bagaskara-vaidika.blogspot.com
BalasHapus. wah bagus nih
BalasHapusizin nyedot gan
visit my blog
http://blognya-reggy.blogspot.com
thanks for the article
BalasHapusthanks for the article
BalasHapusTerima kasih om eh apa tanteu saya berhasil melaksanakan tugas
BalasHapusTerima Kasih yaa. ... cara ini sangat bermanfaat bagi nusa dan bangsa...hehehe
BalasHapusThx sob buat code marquee-nya :D
BalasHapusBiar tulisannya berwarna+ada backgroundnya bisa ega..?
BalasHapushay salam kenal ya, aku baru belajar buat blog, gimana ya caranya supaya tulisannya yang bergerak tebal dan menarik
BalasHapusterima kasih sangat bermanfaat O:))
BalasHapuswah, makasih gan.... Q ikut cara ini gan buat web Q.
BalasHapusmampiir za... jika minat.hehehe
Furniture Minimalis Jepara
belanja mudah furniture minimalis dari jepara
Thanks gan triknya...
BalasHapusSalam kenal...
mampir ya di blog saya
Education Center
TKP
sukses :D
BalasHapusterima kasih za.... ilmu yang baik kang.
BalasHapusterimakasih atas informasinya,...
BalasHapusalhamdulillah dari artikel ini baru sy mengerti, trimksh bnyk...
BalasHapusmakasih banyak atas informasinya,
BalasHapusgood...
wah, nice info.. arigatou :)
BalasHapusTerimakasih ats infonya, , ,lngsung saya coba di blog sy, krg teksnya jadi bisa berjalan.
BalasHapusSlm knl
Iman
Thanks Y Gan
BalasHapusMUATHOUR NUWON SANGET ..............hehehehe'
BalasHapusmksh y,,, usefull bgt
BalasHapusmakasih atas info'a ya gan..
BalasHapusmAAKASIH PAKDE DAH NGEBANTU tpi cara ngilangin backgrounnya gmn Ya?????
BalasHapusmantap ni gan.........
BalasHapusmaturnuwun infonya,,,
BalasHapusTHXS YA KAK
BalasHapusthx ilmunya bro jangan lupa kunjungi blog gue jg yah salam blogger
BalasHapusthx sob atas info Cara membuat tulisan berjalan di blog
BalasHapusmampir sob di AndreyKusanagi.Com
Makasih banyak infonya..
BalasHapusSangat membantu..
Good Post!
Salam kenal gan..
Makasih Gan... salam kenal n kunjug balik yah
BalasHapusTRIM'S ATAS INFONYA
BalasHapusOh 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..
makasih, kawan...
BalasHapusMakasi Gan :D
BalasHapusthanks mas
BalasHapusNtar Tak coba
thnks ya....salam kenal
BalasHapusTERIMA KASIH GAN SANGAT MEMBANTU
BalasHapusmampir2 sni gan http://dildobold.com
makasih mas, tutorial ini yang sya cari...
BalasHapusthx ya...klo ganti back ground nya?
BalasHapusbertambah wawasan lgi nij :)
BalasHapusBisa juga di pake buat Linik ? mas
BalasHapusilmu yg lo ajarkan sangat membantu thanks berat bro
BalasHapusterima kasih gan, sangat membantu
BalasHapusthanks yyoo info nxa
BalasHapusbermanfatt bgt untuk perkembangan BOMBIEZ ZOMBIES
FOLLOW BACK http://bombiezz.blogspot.com/
Terima kasih ilmunya semoga bermanfaat
BalasHapusthanks , saya baru memulai diblog ini :)
BalasHapusmakasih atas saran nya..
BalasHapustruz berkarya.....
supaya di buat ada warnanya cemana caranya kk ??
BalasHapusmantap ne tutotrial..
BalasHapusmakasih bro!!
thanks gan sngat sempurna.
BalasHapusLengkap dan jelas, Semoga bisa saya terapkan/ Makasih ilmunya gan
BalasHapusNice info gan....
BalasHapusjgn lupa mampir ya http://new-littlesun.blogspot.com
Thannks infonya langsung dicoba.
BalasHapusIzin nyoba gan..
BalasHapusThank's Gan udah membantu blog Ane jadi lebih interaktif
BalasHapusTerima kasih ilmunya dan informasinya gan
BalasHapustxq banyak
BalasHapusterima kasih infonya . . .
BalasHapusSemangat Blogger indonesia
BalasHapusmkasih gan ade..
BalasHapusTutor-nya sangat membantu banget ,,
TERIMA KASIH ilmu-nya
thx jangan lupa kunjungin dan follow ini
BalasHapushttp://ihgilailmam.blogspot.com/
thanks ya......informasinya
BalasHapusMANTAB BROO IDENYA,,,KUNJUNGI BLOG AK BRO AGUS YULIANTO BLOG
BalasHapusTerima kasih Atas informasinya tentang cara membuat tulisan bergerak nya
BalasHapusMalam gan... Article pembahasannya sangat bagus. Semoda semakin sukses ya. Mohon ijin untuk diapplikasikan diblog saya ya.
BalasHapushttp://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.
NICE SHARE GAN....
BalasHapusizin copas
BalasHapusdan terima kasih buat infonya, sangat membantu
makasih ini sangat membantu saya
BalasHapusblog saya
http://gubuksuka-darma.blogspot.com
Thanks Heavy ^_^
BalasHapusmantaaaaaaaappppppppp
BalasHapushttp://callygraphycenter.blogspot.com/
terima kasih banyak atas infonya.
BalasHapusmungkin kita bisa kerja sama, dan klik di http://www.unsri.ac.id
thxs Byak...........................
BalasHapussuccess fulllll.
mz brow aku jg izin copas ya....smga sukses gan
BalasHapusTerimakasih sudah dibagi ilmu
BalasHapusTATA LETAKNYA DI MANA GAN
BalasHapuswa...sangat mantaaab bro...terimakasih yach
BalasHapusmakasih infonya gan..
BalasHapusmampir kesini ya..
http://rayagungpratama.blogspot.com/
Terima kasih informasinya dan telah berhasil dicobakan . Salam sukses selalu
BalasHapusThanks atas infonya
BalasHapusthanks infox bermanfaat , bagi anda semua yg butuh dzikir dan doa khusus silahkan berkunjung ke blog : magicmarketid.blogspot.com
BalasHapusSoooooo Gooooood and Very Niceeeeee.....!!!
BalasHapusTHANKS ATAS INFONYA ;)
BalasHapusbro, izin publish ke blog saya ya.. thx
BalasHapusTerima Kasih atas ilmunya ....
BalasHapusizin copas y,
wah,....ramai2 bikin tulisan berjalan.tks infonya...
BalasHapusbagi yang ingin motor/mobilnya kinclong mampir ke blog ku ya.......salaaam
Thx utk info nya
BalasHapus[izin] mau repost juga diblog ku.
BalasHapusMakasih Gan
BalasHapusterima kasih atas bantuannya
BalasHapusmatornuwon boss
BalasHapusnice info gan , ijin sedot ..
BalasHapusjangan lupa kunjungan baliknya :D
http://ojezzlastfriend.blogspot.com/
thx ya gan izin copas thx
BalasHapusthx gan.......
BalasHapusthanks gan
BalasHapusmakasih ilmunya boz
BalasHapusMakasih banyak ya kk
BalasHapusinfo nya sangat bagus
BalasHapusxq udah tak ikutin langkah2nya tapi buku tamu saya malah ilang yaa???
BalasHapusgimana caranya biar bisa kayak tulisan selamat datanga dst itu???
thanks gan informasinya.. sangat membantu
BalasHapusmau tanya tulisan nya supaya bisa besar digamna ya masnya mohon bantuanya
BalasHapusNS
BalasHapusga jalan
BalasHapusgan.. 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..!
BalasHapuskalo pake gambar bisa gak?
BalasHapusterima kasih atas infonya..
BalasHapussangat membantu gan
makasih banyak ya gan buat infonya salam kenal
BalasHapusThanks gan triknya...
BalasHapusSalam kenal...
izin sedot
makasih banyak
BalasHapusana coba dulu ya gan,,, maaf bru brkunjung, jgn lupa kunjung balik ya.... http://athokonline.blogspot.com
BalasHapusTank's Very Much... Ahihihi <3
BalasHapusmakasih mas infonya, saya sudah coba text berjalan akhirnya berhasil
BalasHapussangat membantu..
BalasHapusterima kasih infonya
BalasHapusthanks gan share nya
BalasHapussipp.. ntar di coba gann,, infonyaa .. makasih ,
BalasHapusNice gan kalo ada waktu mampir ke blog ane ya
BalasHapushttp://softwareria.blogspot.com/
makasih gan infonya,,
BalasHapusmampir http://kumpulanilmu2.blogspot.com/ suwun
hehehehe ... e juga tRm kasih mas .... salam nak MACAZZART ... goog luck ...
BalasHapussalam kenal bos, dan thanks ya informasinya
BalasHapuswah kebetulan saya baru berniat ngasih tulisan berjalan nih gan...ijin sedot ilmu membuat tulisan berjalannya yah seep thank's :D
BalasHapusthank's gan !
BalasHapusterima kasih infonya gan'
BalasHapuskunjungi kami www.buyatarmizi.com
Good Gan, mohon izin untuk ana share di blog ana.
BalasHapusTQ Gan sekarang Blog ku jadi bagus kunjungi blog Ku
BalasHapushttp://serbablogger.blogspot.com/
lihat hasinya bagus TQ y
terima kasih tipsnya mastah
BalasHapusmantap tips nya..., thanks.
BalasHapusijin promosi blog saya yg baru di
www.warta-berita-online.blogspot.com
salam sukses
BalasHapussiippp ini dia yang saya cari beberapa alternarif tulisan berjalan..
tq gan..
thanks i will do it>>
BalasHapusmantaaapp gan infonya ... :D
BalasHapuskerennn
http://moetivasi.blogspot.com
izin copas.. link blognya nya jg tk pasang d blog ane.. trims.
BalasHapusthnks gan,,infonya sangat bermanfaat bagi saya,,,
BalasHapusnice info,,,,salam persahabatan ya
BalasHapusthnks gan,,,di tunggu ya karya-karya nya yang lain
BalasHapusWah...postingan yang lengkap
BalasHapusBagaimana Caranya Untuk Membesarkan Tulisanya??? Tolong Kalau Tau Tolong Info Ya...
BalasHapusthanks gan...dari raja dofollow
BalasHapusTerima kasih buat infonya, sangat membantu :)
BalasHapusthx,,ilmunya sgt berguna
BalasHapusbole mampir ke blog saya :)
Tengkiuh yach sobbbb..
BalasHapusterima kasih atas ilmunya
BalasHapusMakasih Gan Tas Infonya Salam SUkses Selalu
BalasHapusterima kasih infonya, sangat bermanfaat!!
BalasHapusmantaff, lgsg dpraktekin nih... @ latimodjong-bandung.blogspot.com
BalasHapussuer, ini beneran, infonya membuat blog saya tampak 'lumayan' bagus, karena ada tulisan berjalannya XDD
BalasHapusmakasih ya atas infonya, its very helping
bisa gk klo ngikutin mouse nya
BalasHapusthanks pisan
BalasHapuskalo tulisannya berada dibawah n melayang gitu gmn gan?
BalasHapusterima kasih tips nya kunjungi balik yah
BalasHapushttp://sariptrik.blogspot.com
Thanks Follow www.markuskututomcat.blogspot.com
BalasHapusizin copas
BalasHapusdan terima kasih buat infonya, sangat membantu
masih baru ni mas, maksud tata letak atau elemen halaman tu apa ya??/
BalasHapusmakasih gan sangat membantu
BalasHapusterima kasih gan.
BalasHapuskunjungi jg blog saya
http://galang-ikhwan.blogspot.com/