Home » » Cara Membuat Teks Berjalan / marquee

Cara Membuat Teks Berjalan / marquee

Pasti kalian semua yang buka postingan ini ingin agar blog sobat semoa menjadi lebih bagus dengan menampilkan Teks berjalan/marquee di blog anda!!
Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link atau banner untuk menarik perhatian pengunjung.
Caranya Mudah banget!! sobat semoa tinggal masukin kode" dibawah yang sudah saya tulis di postingan kalian atau juga di gadget HTML javascrif biar lebih mantep!!
caranya:
1. Masuk ke blogger anda terus pilih  Tata Letak
2. Tambahkan gadget HTML  Java Scrift
3. Terus masukan Kode Marquee yang anda Inginkan (terserah akan pake judul atau nggak)

Dan berikut Kode Kode yang mungkin kalian butuhkan dan pilih sendiri!!

1.Membuat Teks Berjalan
Kode: 

<marquee>Teks Berjalan</marquee>

2. Membuat teks berjalan dari kiri ke kanan (direction)

Kode:
<marquee behavior="scroll" direction="right" height="50" width="auto">Teks berjalan dari kiri ke kanan</marquee>


3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"

Kode:
<marquee behavior="scroll" direction="left" scrollamount="5">Teks bergerak lambat</marquee>
<marquee behavior="scroll" direction="left" height="100" scrollamount="30" width="auto">Teks bergerak lebih cepat</marquee>


4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Kode:
<marquee behavior="alternate">Teks berjalan bolak balik</marquee>

5. Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat disini tabel warna
Kode:
<marquee bgcolor="blue" height="50" width="auto">
Teks berjalan dengan background biru
</marquee>

6. Membuat teks bergerak dari bawah ke atas
Kode:
<marquee behavior="scroll" direction="up" height="200" width="auto">
Teks bergerak dari bawah ke atas
</marquee>
untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"  

7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)

Kode:
<div style="border: 1px solid rgb(202, 61, 217); height: 180px; overflow: auto; padding: 5px;">
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"></br>
<a href="http://andyhiday.blogspot.com/">Artikel Komputer</a></br>
<a href="http://www.andyhiday.blogspot.com/">Komputer SEO</a></br>
<a href="http://andyhiday.blogspot.com/">My Computer Dummies</a></br>
<a href="http://dummy-ku.blogspot.com/">Dummy-ku</a></br>
</marquee>
</b>
</div>
8. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()
Kode:
<marquee align="center" behavior="alternate" direction="up" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100">
Teks 1
Teks 2 eks 3 </marquee>


Untuk edit editnya sendiri pasti kalian udah ngertilah !! heee
cukup sekian, , selamat mencoba yaaaaa !!! mohon komentarnya !!

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 comments:

Post a Comment

Silahkan masukan komentar anda disini!!

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Andie Sharing and Download - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger