Sunday, December 18, 2011

Cara Membuat Tulisan Berjalan di Blogspot

cara buat tulisan berjalan, cara buat efek marquee, efek marquee, tulisan berjalan, cara buat tulisan berjalan pada blog

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 sobat disini

Tulisan berjalan ke atas
<marquee height="30" behavior="scroll" direction="up"> Tulisan sobat disini </marquee>
Contoh :
Tulisan sobat disini

Tulisan Zig-zag
<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right"> Tulisan sobat disini </marquee><br /> </marquee>
Contoh :

Tulisan sobat disini


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.


Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



13 comments:

  1. Replies
    1. WNC FAMILY...
      Kode tersebut bisa di paste di area postingan atau di kolom widget

      Delete
  2. Keren ni tutorialnya, akan segera di praktekkan
    terima kasih banyak agan..

    ReplyDelete
  3. bro gmna caranya menampilkan tulisan berjalan yang datanya setiap hari update atau berubah

    ReplyDelete
    Replies
    1. Cakrawala...
      Beberapa 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.

      Delete
  4. wah maksih mas bro atas info nya sagat bermanfat bagi saya.. saya tunggu kunjunga baliknya ya http://dhe2-komputer.blogspot.com/

    ReplyDelete
  5. Ravy yansen...
    Pasang kode tersebut di kolom widget...

    ReplyDelete
  6. mAntap mas tutorialnya, jadi bikin unik blog-ku. Thanks ya mas tips2-nya. IT'S WORKING

    ReplyDelete
  7. Makasin Bung rasanya pingin belajar....tuch tolong buat tutorial buat di fb heheheh

    ReplyDelete
  8. 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
  9. This website is actually nice and the viewers are genuinely sharing nice thoughts. I like it.
    Check this out: Medisoft
    Most widely used medical software

    ReplyDelete
  10. Right on. It's more informative and easy to understand. Thanks a lot such a nice guideline.

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template