Membuat tulisan berjalan Dengan Efek Marquee

Cara membuat teks / link dengan efek marquee di blog- Kali ini saya akan berbagi tentang salah satu Tips blogging buat sobat bloggers. Tips blogging kali ini adalah tentang cara membuat link / teks dengan efek marquee atau efek berjalan pada blog. Untuk membuatnya cukup mudah dan sederhana, tidak menggunakan kode-kode HTML yang rumit. Anda dapat menggunakan efek marquee pada kumpulan link / blogroll sehingga dapat menghemat tempat di blog anda. Untuk pemasangannya, anda dapat memasangnya didalam postingan atau pada widget blog anda. 

Berikut ini contoh-contoh efek marquee :

* Teks bergerak dari kiri ke kanan

 <marquee align="center" direction="right" height="100" scrollamount="3" width="100%">

  LETAKAN LINK ATAU TEKS ANDA DISINI<br />
  <a href="http://sykcbloger.blogspot.com/">My BLOG</a><br />

  </marquee>

  

Contoh:

LETAKAN LINK ATAU TEKS ANDA DISINI
My Blog

Keterangan :
*align="center" => Adalah perataan teks/link anda
*direction="right" => Adalah arah gerak teks/link. Dapat diganti dengan left, up, atau down
*height dan width => Adalah tinggi dan lebar marquee area
*scrollamount="3" => Adalah kecepatan gerak teks/link, semakin besar angkanya maka semakin cepat gerakannya


* Teks bergerak dengan efek bolak-balik ke kanan-kiri

<marquee align="center" direction="right" height="100" scrollamount="5" width="100%" behavior="alternate">

LETAKAN LINK ATAU TEKS ANDA DISINI<br />
<a href="http://sykcbloger.blogspot.com/">My Blog</a><br />

</marquee>

Contoh:

LETAKAN LINK ATAU TEKS ANDA DISINI
My Blog

* Teks bergerak ke atas dengan tambahan warna background

 Anda perlu menambahkan bgcolor="ISI DENGAN WARNA YANG ANDA INGINKAN", misalnya bgcolor="lightgreen"

<marquee align="center" direction="up" height="100" scrollamount="3" width="50%" bgcolor="lightgreen">

LETAKAN LINK ATAU TEKS ANDA DISINI <br />
<a href="http://sykcbloger.blogspot.com/">My Blog</a><br />

</marquee>


 

Contoh:

LETAKAN LINK ATAU TEKS ANDA DISINI
My Blog

* Teks bergerak dan berhenti jika ditunjuk dengan mouse 

Anda perlu menambahkan onmouseover="this.stop()" onmouseout="this.start()". Coba arahkan mouse anda ke tulisan link  dibawah dan lihat apa yang terjadi ...........

<marquee align="center" direction="up" height="100" scrollamount="3" width="50%" onmouseover="this.stop()" onmouseout="this.start()">

ARAHKAN MOUSE ANDA KESINI <br />
<a href="http://sykcbloger.blogspot.com/">My Blog</a><br />

</marquee>

Contoh:

ARAHKAN MOUSE ANDA KESINI
My Blog

Berikut ini langkah-langkah memasangnya :
1. Login ke akun blogger anda
2. Untuk memasangnya didalam postingan blog, klik New Post, lalu pilih HTML mode, setelah itu letakkan salah satu efek marquee yang diinginkan. Sedangkan untuk memasangnya pada widget, klik Design >> Page Element >> New Gadget >> Pilih yang HTML Javascript, lalu letakkan efek marquee yang diinginkan.
3. Klik Publish atau Save Sekian artikel saya mengenai Cara Membuat Efek Marquee Pada Link / Teks. Semoga artikel ini bemanfaat.....