Anda Ingin membuat teks berjalan di Blog anda?

MEMBUAT TEKS BERJALAN DI BLOG KITA



Keuntungan memasang teks berjalan sebagai berikut :

1. Blog kita lebih kelihatan hidup, bagus dan lebih berwarna
2. Membuat pengunjung terhadaadap blog kita saat membaca pesan yang hendak kita sampaikan.

Nah, secara garis besar memang keuntungan memasang teks berjalan kurang lebih seperti itu.

Baiklah kita akan memulai bagaimana memasang teks berjalan di blog. Sebelumnya anda harus mengetahui Kode HTML yang di gunakan untuk membuat tulisan berjalan, kode yang di gunakan adalah “marquee”.

Berikut contoh penggunaan “marquee”

Contoh 1
Teks Berjalan bolak -balik secara horisontal




<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Selamat Datang Di Blog Kristalon Sinaga</marquee></font>

Silahkan Copy Paste Scriptnya
Ganti tulisan "Selamat Datang Di Blog Kristalon Sinaga" dengan tulisan yang anda inginkan.

Contoh 2
Teks Berjalan Bolak-balik secara Vertikal



<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="black" width="450px"> Selamat Datang Di Blog Kristalon Sinaga</marquee></font>

Silahkan Copy Paste Scriptnya
Ganti tulisan "Selamat Datang Di Blog Kristalon Sinaga" dengan tulisan yang anda inginkan.

Contoh 3
Teks Berjalan Ke kanan secara Terus-menerus



<font face="times" color="blue" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="red" width="450px"> Selamat Datang Di Blog Kristalon Sinaga</marquee></font>

Silahkan Copy Paste Scriptnya
Ganti tulisan "Selamat Datang Di Blog Kristalon" dengan tulisan yang anda inginkan.

Contoh 4
Teks berjalan ke kiri hanya sesekali saja




<font face="courier" color="green" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="yellow" width="450px"> Selamat Datang Di Blog Kristalon Sinaga </marquee></font>

Silahkan Copy Paste Scriptnya
Ganti tulisan "Selamat Datang Di Blog Kristalon Sinaga" dengan tulisan yang anda inginkan.

Contoh 5
Teks Berjalan ke Kanan 3 kali



<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="black" width="450px"> Selamat Datang Di Blog Dru-Creation </marquee></font>

Silahkan Copy Paste Scriptnya
Ganti tulisan "Selamat Datang Di Blog Dru-Creation" dengan tulisan yang anda inginkan.


Contoh 6
Teks Berjalan Bounce



<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="blue"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Selamat Datang Di Blog Kristalon Sinaga</marquee></marquee></font>

Silahkan Copy Paste Scriptnya
Ganti tulisan "Selamat Datang Di Blog Dru-Creation" dengan tulisan yang anda inginkan.

Cara memasang Script marquee pada blog:

1. Login ke Blogger. Klik menu Design->Page Elements
2. Klik Add a Gadget-> HTML/ Javascript
3. Masukkan Script marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya

LIHAT HASILNYA....

==========================================================================

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



Kode

<marquee> Membuat teks berjalan </marquee>

Hasil :

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:

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:

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:

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>

Contoh tampilan:




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:

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://artikelkomputerku.blogspot.com/">Artikel Komputer</a></br>
<a href="http://www.komputerseo.com/">Komputer SEO</a></br>
<a href="http://mycomputerdummies.blogspot.com/">My Computer Dummies</a></br>
<a href="http://dummy-ku.blogspot.com/">Dummy-ku</a></br>
</marquee>
</b>
</div>

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="blue"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Selamat Datang Di Blog Dru-Creation </marquee></marquee></font>