Saturday, February 4, 2012

Membuat Text Marquee / Text Berjalan


Blogpanik.blogspot.com - Hallo sahabat blogger, selamat malam semuanya keep blogwalking ya. Kembali lagi saya di malam ini ingin berbagi sedikit tutorial blogging yaitu membuat text berjalan. Mungkin tutorial ini sudah banyak yang memposting, namun karena ingin sharing yah saya posting aja hehe. Pasti diantara kita sudah pernah melihat text berjalan atau bahasa daerahnya itu Text Marquee wkwk di blog, website atau forum. Apakah Anda juga tertarik untuk memasangnya di website, blog, atau forum Anda ?
Berikut cara membuat serta beberapa text Marquee atau Text berjalan tersebut :

1. Login di Blogger.com

2.Click Rancangan, lalu pilih Elemen Halaman

3. Click Add gadget / Tambah Gadget, setelah itu pilih HTML/Java Script

4. Kemudian tinggal Anda pilih text Marquee yang Anda sukai lalu paste ke HTML/Java Script tadi. Untuk jenis text berjalan silahkan pilih salah satu dibawah ini :

1. Text Marquee bergerak Kiri Kanan

Code HTML :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Tulis Text Anda Disini </marquee>

Demo :
Blogpanik.blogspot.com


2. Text Marquee bergerak dari Kiri ke Kanan

Code HTML :
<marquee direction="right" scrollamount="2" align="center"> Tulis Text Anda Disini </marquee>

Demo :
Blogpanik.blogspot.com

3. Text Marquee bergerak dari Kanan ke Kiri

Code HTML :
<marquee direction="left" scrollamount="2" align="center"> Tulis Text Anda Disini </marquee>

Demo :
Blogpanik.blogspot.com

4. Text Marquee bergerak dari Atas ke Bawah

Code HTML :
<marquee direction="down" scrollamount="2" align="center"> Tulis Text Anda Disini </marquee>

Demo :
Blogpanik.blogspot.com

5. Text Marquee bergerak dari Bawah ke Atas

Code HTML :
<marquee direction="up" scrollamount="2" align="center"> Tulis Text Anda Disini </marquee>

Demo :
Blogpanik.blogspot.com

6. Text Marquee bergerak Naik Turun

Code HTML :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Tulis Text Anda Disini </marquee>

Demo :
Blogpanik.blogspot.com

7. Text Marquee bergerak Bounce Zig Zag

Code HTML :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Tulis Text Anda Disini </marquee></marquee></center>

Demo :
Blogpanik.blogspot.com



Catatan : Anda bisa mengatu kecepatannya dengan mengganti nomer 2 pada kolom, dimana semakin besar angka yang Anda masukkan maka akan semakin cepat pergerakkannya.


Demikian postingan ini kami buat, semoga bermanfaat bagi kita semua. Silahkan mengisi form komentar jika ingin memberi saran, kritik, serta komentarnya terhadadap blog ini. Terima kasih

No comments:

Post a Comment