Membuat Link Atau Teks 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 :

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 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://andimukhlismme.blogspot.com/">Andi Mukhlis</a><br />

</marquee>

Hasilnya :


LETAKAN LINK ATAU TEKS ANDA DISINI

Andi Mukhlis




>> Teks bergerak dengan efek bolak-balik ke kanan-kiri
Caranya sama seperti diatas, hanya anda perlu menambahkan behavior="alternate"

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

LETAKAN LINK ATAU TEKS ANDA DISINI<br />
<a href="http://andimukhlismme.blogspot.com/">Andi Mukhlis</a><br />

</marquee>

Hasilnya :


LETAKAN LINK ATAU TEKS ANDA DISINI

Andi Mukhlis




>> Teks bergerak ke atas dengan tambahan warna background
Anda perlu menambahkan bgcolor="ISI DENGAN WARNA YANG ANDA INGINKAN", misalnya bgcolor="cyan"

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

LETAKAN LINK ATAU TEKS ANDA DISINI<br />
<a href="http://Andimukhlismme.blogspot.com/">Andi Mukhlis</a><br />

</marquee>

 
Hasilnya :


LETAKAN LINK ATAU TEKS ANDA DISINI

Andi Mukhlis





>> 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://Andimukhlismme.blogspot.com/">Andi Mukhlis</a><br />

</marquee>

Hasilnya :


ARAHKAN MOUSE ANDA KESINI

ANdi Mukhlis






:: 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 Save

Sekian artikel saya mengenai Cara Membuat Efek Marquee Pada Link / Teks. Semoga artikel ini bemanfaat..^^