Selasa, 05 Juli 2011

Cara membuat teks berjalan, bergerak kaetas, kebawah maupun,samping di blog (marquee)


Sobat Blogger nih faat punya tutorial gmana cara buat Teks bergerak (marquee) ,,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, ucapan selamat datng, ucapan terimakasih, dll , bahkan untuk link atau banner untuk menarik perhatian pengunjung yang datang di blog tersebut.

Secara  umum  sobat cara membuat teks berjalan di blog bisa menggunakan kode dasar html seperti di bawah ini hehe meskipun baru belajar,,,,, tapi ga paplah berbagi ilmu itu diperbolehkan asal ilmu yang di berikan ga mencelakakan oranglain, hehehe langsung aja sob,,,

1. Buat teks berjalan dari kanan ke kiri (default)




Kode

<marquee> Membuat teks berjalan </marquee>

Hasil :
Membuat teks berjalan

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>
Hasil:
Teks berjalan dari kiri ke kanan

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>
hasil:
Teks bergerak lambat
Teks bergerak lebih cepat

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

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

Contoh hasil-nya:
Teks berjalan bolak balik

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 di tabel warnasilahkan googling cari kode warna....html

Kode:
<marquee bgcolor="blue" height="50" width="auto">
Teks berjalan dengan background biru
</marquee>

Contoh tampilan:

Teks berjalan dengan background biru


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"

Contoh:
Teks bergerak dari bawah ke atas


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://faatlive.blogspot.com/2011/07/cara-mengganti-template-di-blogspot.html/">Cara Mengganti Template Blog</a></br>
<a href="http://kabarberitakita.blogspot.com//">Berita Spesial</a></br>
<a href="http://faatlive.blogspot.com/search/label/blogger">Tutorial Blogger</a></br>
<a href="http://faatlive.blogspot.com/">FaatLive Blogz</a></br>
</marquee>
</b>
</div>

Contohnya bisa dilihat di bawah ini:


Contoh 2
Kecepatannya diubah dengan scrollamount="2" , arahnya ke bawah direction="down"


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
Teks 3
</marquee>

Contohnya bisa dilihat di bawah ini :

Teks 1
Teks 2
Teks 3


Anda bisa memasukkan kode kode di atas pada teks editor blogspot, (Tempat Memasukkan Artikel Postingan)


Atau pada gadget html/javascript


Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :

<marquee><font size='5' face='Arial' color=red> Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin </font></marquee>

Pada kode di atas:
a. font size='3' , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
b. face='comic sans ms' , comic sans ms jenis huruf
c. color=yellow , yellow adalah warna teks.

Hasilnya :

Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin 
mudahkan Sob,,,gmana ayo Cepetan Beri komentar di blog saya,,,pasti saya bales deh apapun pertanyaan sobat semua,, sebelumnya terimaskasih untuk semua pengunjung yang talah mau berkomentar di blog saya ini, by faat


1 komentar:

joss mengatakan...

keren gan...00 ya
sy anak baru di bloger,klw ada
kesempatan..mampir sekalian kritik&saran nya
trims

Posting Komentar

Silahkan Berkomentar di sini,, karena komentar anda adalah motivasi buat saya dan blog saya, sebelumnya terimaksih sudah mau berkunjung di FaatLive Thanks By Faat

AYO IKUTI KAMI DISINI

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Imam Syafaat | Bloggerized by FaatLive Blogz - Berita Spesial Dan Info Terbaru | Cerita Sejarah Naruto dan Perjalananya