Beberapa waktu yang lalu, salah seorang rekan Blogger sempat nanyak melalui situs jejaring social Facebook tentang Tulisan Berjalan “Bro… Coba kunjungi blog …., Trs coba lihat di bagian Header blog tersebut, Bagaimana Cara buat tulisan berjalan pada blog seperti itu?”. He..he..Ternyata, masih banyak orang yang membutuhkan tutorial seperti ini. Sebenarnya, banyak blog yang memberikan tutorial tentang cara membuat tulisan berjalan, tapi karena kebanyakan dari blog tersebut menggunakan istilah Efek Marquee untuk tulisan berjalan. Barangkali itu yang membuat sobat-sobat kita yang baru mendalami dunia blog, sulit mendapatkan informasi tentang cara buat tulisan berjalan. Tanpa berbicara panjang lebar , langsung saja ke pointnya.
Tulisan berjalan dalam dunia Blogging sering di sebut dengan istilah Efek Marquee atau Marquee Effect. Efek marquee merupakan sebuah fitur blog yang menampilkan Tulisan atau Gambar yang bergerak. Pergerakan dari gambar atau tulisan tersebut bisa dari atas ke bawah, kiri ke kanan, atau bisa di buat bergerak sesuai keinginan. Kode Efek Marquee sering di letakkan pada kolom widget dan Tempat Postingan.
Di bawah ini terdapat delapan kode Effek Marquee, Silahkan sobat pilih salah satu dari kode ini dan sobat letakkan di kolom widget di blog sobat.
Tulisan berjalan lambat
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan sobat disini</marquee>
Contoh :
Tulisan berjalan ke atas
<marquee height="30" behavior="scroll" direction="up"> Tulisan sobat disini </marquee>
Contoh :
Tulisan Zig-zag
<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right"> Tulisan sobat disini </marquee><br /> </marquee>
Contoh :
Tulisan berjalan tetapi berhenti kalau dibayangi cursor
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan sobat disini </marquee>
Contoh :
Tulisan sobat disini
Tulisan berjalan ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini </marquee><br />
Contoh :
Tulisan Tulisan sobat disini
Tulisan berjalan dengan gambar
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan ditampilkan" width="110" height="84"><br /> Tulisan sobat disini<br /> </marquee><br />
Contoh :

Tulisan sobat disini
Tulisan dapat memantul
<marquee width="300" behavior="alternate"> Tulisan sobat disini </marquee>
Contoh :
Tulisan sobat disini
Tulisan Bouncing around
<marquee behavior="alternate" direction="up" width="200" height="50"><br /> <marquee direction="right" behavior="alternate"> Tulisan sobat disini </marquee><br /> </marquee><br />
Contoh :
Tulisan sobat disini
Setelah sobat blogger Copy kode tersebut, jangan lupa, mengganti kalimat "Tulisan sobat disini" dengan kalimat yang sobat blogger inginkan. Terima Kasih atas kunjungannya, dan semoga tutorial blog ini ada mamfaatnya.
Tulisan berjalan lambat
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan sobat disini</marquee>
Contoh :
Tulisan berjalan ke atas
<marquee height="30" behavior="scroll" direction="up"> Tulisan sobat disini </marquee>
Contoh :
Tulisan Zig-zag
<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right"> Tulisan sobat disini </marquee><br /> </marquee>
Contoh :
Tulisan berjalan tetapi berhenti kalau dibayangi cursor
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan sobat disini </marquee>
Contoh :
Tulisan berjalan ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini </marquee><br />
Contoh :
Tulisan berjalan dengan gambar
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan ditampilkan" width="110" height="84"><br /> Tulisan sobat disini<br /> </marquee><br />
Contoh :
Tulisan sobat disini
Tulisan dapat memantul
<marquee width="300" behavior="alternate"> Tulisan sobat disini </marquee>
Contoh :
Tulisan Bouncing around
<marquee behavior="alternate" direction="up" width="200" height="50"><br /> <marquee direction="right" behavior="alternate"> Tulisan sobat disini </marquee><br /> </marquee><br />
Contoh :
Setelah sobat blogger Copy kode tersebut, jangan lupa, mengganti kalimat "Tulisan sobat disini" dengan kalimat yang sobat blogger inginkan. Terima Kasih atas kunjungannya, dan semoga tutorial blog ini ada mamfaatnya.









pastenya di mana ??
ReplyDeleteWNC FAMILY...
DeleteKode tersebut bisa di paste di area postingan atau di kolom widget
Keren ni tutorialnya, akan segera di praktekkan
ReplyDeleteterima kasih banyak agan..
bro gmna caranya menampilkan tulisan berjalan yang datanya setiap hari update atau berubah
ReplyDeleteCakrawala...
DeleteBeberapa kali saya sudah mencari tahu tentang tulisan berjalan yang otomatis update,
tetapi tidak saya temukan.
Dan pernah juga saya lempar masalah ini di forum Google,
hasilnya sama saja, Nihil.
wah maksih mas bro atas info nya sagat bermanfat bagi saya.. saya tunggu kunjunga baliknya ya http://dhe2-komputer.blogspot.com/
ReplyDeletecara pasang'a dimana
ReplyDeleteRavy yansen...
ReplyDeletePasang kode tersebut di kolom widget...
mAntap mas tutorialnya, jadi bikin unik blog-ku. Thanks ya mas tips2-nya. IT'S WORKING
ReplyDeleteMakasin Bung rasanya pingin belajar....tuch tolong buat tutorial buat di fb heheheh
ReplyDeletesangat 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
ReplyDeleteThis website is actually nice and the viewers are genuinely sharing nice thoughts. I like it.
ReplyDeleteCheck this out: Medisoft
Most widely used medical software
Right on. It's more informative and easy to understand. Thanks a lot such a nice guideline.
ReplyDelete