Cara Membuat Efek Teks Tulisan Berjalan (Marquee) di Blog - Artikel ini merupakan panduan dasar dalam memberikan pernak-pernik untuk sebuah blog. Teks tulisan berjalan termasuk beberapa pernak pernik yang sering digunakan untuk memberikan tampilan beda untuk sebuah teks atau tulisan bahkan artikel pun bisa dibuat berjalan. Teks tulisan berjalan di blog biasanya disebut dengan Marquee. Jika diartikan dengan fungsinya, marquee tidak memiliki keterkaitan karena arti dari marquee sendiri adalah Tenda Besar dan bukan teks tulisan berjalan. Mungkin marquee merupakan bahasa pemograman yang memiliki arti teks tulisan berjalan, tapi entahlah yang penting yang saya tahu marquee memiliki fungsi agar teks tulisan didalam blog memiliki efek bergerak atau berjalan.
Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini
Lalu bagiamana cara membuat tek tulisan berjalan di blog dengan beberapa efek selain seperti pada Demo yang saya pasang diatas? Untuk membuat efek marquee pada tulisan teks di blog, silahkan pilih beberapa efek teks tulisan berjalan berikut ini
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Kode :
Keterangan :
Direction : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)
Setelah anda memilih atau membuat efek tek tulisan sendiri, untuk memasangnya didalam blog, silahkan salin saya kode-kode yang telah saya tulisa diatas.
Anda bisa memasang efek teks tulisan berjalan tersebut dimanapun yang anda inginkan termasuk didalam postingan atau didalam artikel blog anda. Suka-suka andalah mau dipasang dimana, okey? Jika ada pertanyaan, mari kita diskusikan bersama dengan meninggalkan komentar untuk artikel ini Cara Membuat Teks Tulisan Berjalan (Marquee) di Blog
Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini
Lalu bagiamana cara membuat tek tulisan berjalan di blog dengan beberapa efek selain seperti pada Demo yang saya pasang diatas? Untuk membuat efek marquee pada tulisan teks di blog, silahkan pilih beberapa efek teks tulisan berjalan berikut ini
<marquee direction="left" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kanan Ke Kiri</marquee>
<marquee direction="right" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kiri Ke Kanan</marquee>
<marquee direction="right" scrollamount="2" align="center"><blink>Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee>
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee>
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>
<marquee direction="down" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Atas Ke Bawah</marquee>
<marquee direction="up" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Bawah Ke Atas</marquee>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Tulisan Berjalan Zig Zag</marquee></marquee>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Teks Tulisan Berjalan Zig Zag</marquee></marquee>
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="up" width="100%" height="100" align="center">Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="right" width="100%" height="100" align="center"><a href="/">Teks Tulisan Berjalan Dengan Link Url</a></marquee>
Keterangan :
Direction : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)
Setelah anda memilih atau membuat efek tek tulisan sendiri, untuk memasangnya didalam blog, silahkan salin saya kode-kode yang telah saya tulisa diatas.
Anda bisa memasang efek teks tulisan berjalan tersebut dimanapun yang anda inginkan termasuk didalam postingan atau didalam artikel blog anda. Suka-suka andalah mau dipasang dimana, okey? Jika ada pertanyaan, mari kita diskusikan bersama dengan meninggalkan komentar untuk artikel ini Cara Membuat Teks Tulisan Berjalan (Marquee) di Blog
Tulisan bergeraknya kern sob,,,mw coba khusus di 1 artikel. dan semoga ada yg klik nantinya....
BalasHapusAssalamau Alikum, He he he Jadi Teringat Akan Masa lalu saya Waktu Pertama Kali Mengenal Blog saya dulu sukanya membuat efek tulisan berjalan, dengan ucapan Selamat datang atau kata-kata sejenisnya, Share Yang Bagus dan Sangat Berharga, Blog Sangat Sejalan dengan Nama dan Artikelnya....Saya Bookmarknya Yach Mba ^-*, Sempat ada Teman saya Yang Butuh Panduan Insyah Allah Saya Akan Refensikan Di Blog Anda. Wassalam
BalasHapus@Informasi Terbaru silahkan, giamana permasalahan yg kemarin mas? sudah selesai?
BalasHapusdimana menaruh scriptnya yaah???
Hapus@Hasbi Htc Waalaikum salam mas Hasbi, makasih banyak atas bantuannya mas, semoga sukses selalu buat mas Hasbi..
BalasHapusCuma mau lapor mba, linknya sudah terpasang
BalasHapus@Blog Mas Sugeng Alhamdulillah, makasih banyak mas..
BalasHapuswah,..mantap gan
BalasHapusma kasih yaa,..infonya,..
Muakasih Mbak.......
BalasHapuskalo saya mau bikin lebih dari satu kalimat pake enter yang berjalan gimana caranya ya?
BalasHapusini yang saya cari, mantap!!
BalasHapusthanks info'x gan, bermanfaat sekali bagi saya ..
BalasHapusmantab gan informasinya...........maturnuwun, terima kasih, thankyu...
BalasHapuswahhhh memang mantap postingannya bosss,,,, thank u.... mau nerapin dulu...
BalasHapusit really great post ...awesome bro
BalasHapussangat" bermanfaat,thanks infonya
BalasHapussiiiip info kereeennn :)
BalasHapusKasih infonya biar blog terdeteksi google doonk n bisa jd peringkat 1
BalasHapusJangan lupa kunjungi blog saya ya
http://novyaromadhian.blogspot.com
thank youuu :)
buatlah artikel original, kalau tidak bisa, lakukan pengeditan maksimal terhadap artikel yang di salin dari blog lain
Hapustentukan keywords atau labels sesuai tingkat persaingan
pasang keywords pada setiap paragrap di artikel tapi jangan berlebihan
maksimalkan link on page, jika tidak bisa, maksimalkan link off pagenya
ini artikel yang bagus
BalasHapusini artikel yang bagus
BalasHapusmw d taruh d mn ?
BalasHapusjos banget boss
BalasHapusmembantu bnget infonya.....
BalasHapusTerimakasih... sukses selalu! :)
BalasHapusTerima kasih buat infonya mba....slam sukses buat para blogger dan terus berkreasi.
BalasHapusnice info...
BalasHapusinfonya sangat bermanfaat
BalasHapusijin mencoba ya gan,,makasih infonya
BalasHapussipz gan
BalasHapusTerima kasih bro...atas tutorialnya
BalasHapusthank
BalasHapuskeren gan tipsnya, trims
BalasHapushttp://asyastudio.blogspot.com
kren abiz chuy,,,,,
BalasHapusmatur suwun lhu mbak,,,,
mampir ing blogke inyong za
vimax-shop.blogspot.com
makasiihh bgt nih sist atas artikelnyaa..^^d
BalasHapuslgsg di praktekin nih..
hihi..
mampir juga ya ke blog ane..
usahaini.blogspot.com
kunjungi juga web ane..
www.usahaini.com
I like the existing posts in this blog. Yes for blog success and continue his work
BalasHapusfew want to share
opportunities financially free
ok gan langsung saya coba hasilnya mantap, salam sukses ya :)
BalasHapusmantab gannn jangan lupa berkunjung juga di my blog http://nugiemuslim.blogspot.com/
BalasHapusterima kasih atas artikelnya. sukses selalu buat anda.
BalasHapuswww.technggo.com
Terima kasih, berhasil tutorialnya
BalasHapusSangat bermanfaat gan, di tunggu kunbal sama follbecknya !!
BalasHapushttp://candraadi99.blogspot.com/
Makasih Gan infonya........
BalasHapusternyata rahasianya pada marquee :D
BalasHapusgimana cara masukkannya gan?
BalasHapussiiiipp,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
BalasHapusSANGAT BERMANFAAT
BalasHapusWWW.WARUNGMAGELANGS.BLOGSPOT.COM
Ajegile :D
BalasHapushahahahha.
Baru ini nemu yang begini komplit. blog lain biasany cuma kasi contoh satu aja. blog agan rame contoh, bisa pilih efeknya. thanx :)
Sip lah blognya dapat buat rujukan,ijin save tutornya gan....
BalasHapusok infonya
BalasHapusWahh,, keren juga nih...
BalasHapusMAS TRZ KL MAU TAU DIATAS GIMANA CARANYA
BalasHapusKereen dehh.. Thx bwt infonya heheheee
BalasHapussalam kenal... Terimakasih atas infonya. Keren dan bikin semangat mendalami blog
BalasHapusnice info thanks, alhamdulillah ^^
BalasHapusvisit my blog plese :)
Terimakasih Sobat Ilmunya, Salam Sukses....
BalasHapuskalau bikin teks berjalan di atas header gimana sist?
BalasHapusmampir juga ke http://awidjaja.blogspot.com/
terima kasih
dipasang dibagian atas elemen dari id header
HapusNice info sob,,
BalasHapusJangan lupa kunbalnya...
Keren Info Nya Terima Kasih
BalasHapusMANTAB SOB,,,,,
BalasHapusNice inpo sob, Mampir juga http://yogya-code.blogspot.com di tunggu yaa
BalasHapusmantap
BalasHapusTHANK'S YA,,,berguna banget kode nya
BalasHapusKERen,,,,tar saya cantumpan di patner link saya mbk..boleh kan
BalasHapusmakasih mas Praboe, saya follow aja ya soalnya blog ini belum menyediakan link partner..
HapusTerima kasih ana sudah pasang di blog yang ana lagi buat. semoga Allah membalas kebaikan anda. amiin
BalasHapusamiin, trimakasih mas Hidayat, semoga sukses sllu buat mas Hidayat..
Hapussama-sama mas Dody
BalasHapusmantap gan
BalasHapusthank you
trimakasih mas Faisal
Hapusbagus banget mbak...izin copas ya
BalasHapussilahkan dan jangan lupa link sumbernya :)
HapusMaaf saya mau tanya,,jika ingin merubah warna tulisan di ganti dengan warna merah bisa gak??
BalasHapusoya kawan mampir di blog saya ya,,pusatnyagrosirjaket.blogspot.com
terima kasih
mas mau tanya kalo yg teks zigzag kok saya gk bisa hehe :D
BalasHapustolong bantuan nya ya mas
makasih mas, akan saya terapkan di blog saya http://www.belarakyat.com/
BalasHapuscara memasang kode-kode itu langkah-langkahnya gimana mbak?
BalasHapuslangsung saja pasang pada tulisan yang akan dibuatkan salah satu efek diatas dan pastikan kode penulisannya HTML bukan COMPOSE
Hapusthanks sob . .
BalasHapuskunjungan balik
sama-sama mas Ayunks,
HapusTQ SOB
BalasHapussama-sama ya... :)
Hapusmakasij mas atas ilmunya
BalasHapusmakasi infonya....TOP BGT.....
BalasHapuscara memasangnya bgaimna
BalasHapus?
seperti yang tertulis di kode
Hapuscara memperbesar tulisan gmna??
BalasHapusAsik gan
BalasHapusmakasih sis info.y sangat membantu
BalasHapusizin share ya
terimah kasih sob.. tp gimana ngatur fontnya?? saya mau memperbesar.. thanks
BalasHapuskeren (y)
BalasHapusboleh dicoba ya gan... maksih
BalasHapussilahkan, terimakasih kembali..
Hapusalhamdulilah cukup membantu,,baru pertama mbuat blog nie ,hehe
BalasHapusmakasih udh bantu...
BalasHapusmaksih banyak brow
BalasHapusThanks.... sukses slalu
BalasHapusits good bro !.
BalasHapusmakasih ya,, :)
Hapussaya berkunjung ke blognya kok masih kosong mas :(
Terima kasih untuk infonya, Gan.
BalasHapussangat bagus gan tutorial Cara membuat efek tulisan berjalan di blog nya....
BalasHapusmakasih Anonymous :)
Hapusnice infoh.. izin praktikin.. :D
BalasHapussilahkan mas Zainul, semoga bermanfaat..
Hapusverry well...and thanks for your imformation
BalasHapus:) you're welcome...
Hapustidak ada ukuran font size nya gan,kurang memuaskan...
BalasHapuskan cukup ditambah sendiri untuk ukuran fontnya :)
Hapusaku kok tetap belum paham sich mbak
BalasHapuscukup disalin saja kodenya mas :)
BalasHapusGa ada efeknya yaa ?
Hapuskok cuma tulisan doang
mau efek seperti apa mas? :)
Hapuskalo saya mau buat teks berjalan dengan lebar 100px dan meletakannya di tengah bagaimana kodenya? saya coba pake kode align="center" tapi posisinya ada di sbelah kiri halaman yah? apa ada kode lain untuk menempatkannya ditengah?
BalasHapusbisa ditulis lengkap kodenya mas?
Hapusefeknya keren..... terimakasih
BalasHapusmantab gan ,,,, sudah aku pasang..
BalasHapusbermanfaat banget,,,gan
BalasHapus:D
cara ganti warna mya gimana ? :D
BalasHapustambahkan color:#089 atau color:red kedalam kode
HapusTerima kasih, mau tanya, kalau kita mau tulisannya labih dari satu kalimat bagaimana.
BalasHapusTerima kasih sekali lagi
maksudnya 2 baris mas? kalau iya akan saya share nanti ya, makasih banyak ya :)
Hapussaya pernah membuat efek tulisan berjalan ini untuk ucapan Selamat Datang, tetapi blognya terkesan loading lambat mbakk... :)
BalasHapusmemang terlihat seperti itu mas karena pengaruh dari efeknya tersebut :)
HapusAsyik tulisan dapat bergerak.. terima kasih masnya...
BalasHapusasyik mas Abu Zaini berkunjung ke blog ini, makasih ya mas :)
Hapusmakasih bgt mbak.............
BalasHapuso, ya tp untuk memperbesar ukuran fontnya gmana, mklum lg belajar mbak
BalasHapussama-sama mas, terimakasih juga..
Hapusuntuk memperbesar ukuran font gunakan fungsi span sebelum tulisan
misal: ukuran font adalah 50 maka penulisannya adalah
<marquee direction="left" scrollamount="2" align="center"><span style="font-size:50px;">Tulisan Disini</span></marquee>
wahh keren mbak, ijin coba mbak :D
BalasHapussilahkan,,
Hapusmakasih ya :)
HTML Anda tidak bisa diterima: Tag tidak dibolehkan: MARQUEE
BalasHapusdipasang dimana mas? kalau di blog xxx seperti itu tidak akan berhasil alias error :)
HapusSaya mengerti maksudnya mas Wahyu Fauzy sebab saya juga mengalami hal yang sama. Saya ingin nama blog saya dibuat berjalan. Bagaimana caranya ?? Klo di blog nya sis Ana, panduantemplateblog.com itu lah yang saya pengen dibuat berjalan. Thanks. Saya coba edit dan memasang dijudul blog, hasilnya seperti yang mas Wahyu Fauzy.
Hapusmantabs
BalasHapusMakasih infonya, sangat membantu
BalasHapussudah saya terapkan di blog saya
^_^
seep
BalasHapusane coba (y)
lawat balek ok
mantap bisa di coba
BalasHapusmksh ilmu'y walaupun aq ga ngerti
BalasHapusizin share boss
BalasHapusI have just been searching this type of article for a while and finally found here so far. Thanks!
BalasHapusMicro Jobs
Blog yg Bagus
BalasHapusMaaf kang. Script nya taroh mana yaak ??
BalasHapuskalo misalnya mau buat gambar yang berjalan ada gak caranya...?
BalasHapuskren
BalasHapusThanks ^_^ sangat bermanfaat, numpang bookmark dan di terapkan di blog saya :)
BalasHapusthanks
BalasHapusKeren banget 😃
BalasHapusyerima kasih untuk artikelnya mas.. sudah saya coba di blog yang saya miliki..
BalasHapusberhasil baik...
terimakasih ilmunya :D sudah saya praktekan pa admin :D
BalasHapusbagus artikelnya sobat
BalasHapuswihh Keren bu.. patut dicoba nihh sama abah
BalasHapus