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 :


>> 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://unik-google.blogspot.com/">unik-google</a><br />

</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

Hasilnya :

LETAKAN LINK ATAU TEKS ANDA DISINI
unik-google





>> 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://unik-google.blogspot.com/">unik-google</a><br />

</marquee>
Hasilnya :

LETAKAN LINK ATAU TEKS ANDA DISINI
unik-google




>> 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://unik-google.blogspot.com/">unik-google</a><br />

</marquee>
Hasilnya :

LETAKAN LINK ATAU TEKS ANDA DISINI
unik-google




>> 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.. :D
<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://unik-google.blogspot.com/">unik-google</a><br />

</marquee>
Hasilnya :

ARAHKAN MOUSE ANDA KESINI
unik-google


:: 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.. http://3.bp.blogspot.com/-FKB-bxL3OqE/UIhFrTOWvJI/AAAAAAAAAMs/hAm141vpVbw/s640/Petua+Isteri+Tewaskan+Suami+Di+Bilik+Tidur.jpg
video ml di hotel
Related Posts Plugin for WordPress, Blogger...