Contoh Tulisan Berjalan Keren

Tags

Bagi anda yang ingin menghiasi blog atau website anda, saya memberikan beberapa contoh yang bisa anda copy paste dengan kode html.

Tulisan berjalan yang dipasang pada blog akan menambah tampilan blog menjadi lebih menarik. Dan tulisan berjalan ini biasanya berisi tentang informasi penting yang ada pada blog itu.

Cara membuat tulisan berjalan tidaklah sulit, tetapi anda harus tahu dulu kode-kode marquee yang digunakan. Variasi kodenya sangat beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog juga.

Selain beberapa contoh tulisan berjalan yang bagikan di bawah ini, masih banyak lagi contoh-contoh yang lain. Namun, dengan hanya menerapkan contoh yang di bawah ini, tampilan blog anda pasti sudah bisa menarik perhatian para pengunjung.

Dengan kode dasar di bawah ini, anda dapat memberikan variasi menarik dengan menambahkan sedikit kode. Beberapa contoh kode ini bisa anda kombinasikan sesuai dengan keinginan anda.



Berikut adalah Contoh Tulisan Berjalan Keren :

1. Tulisan Berjalan Ketika Di Klik Akan Berhenti Dengan Border

Kodenya :
<table style="border: 2px solid #000; height: 110px; width: 300px;">
<tbody>
<tr>
<td align="left"><marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="290">
<ul>
<p>TERIMA KASIH</p>
<p>TELAH BERKUNJUNG</p>
<p>DI BLOG</p>
<p>LAZIO ALFARO</p>
</ul>
</marquee>
</td>
</tr>
</tbody></table>

Keterangan :
>> 2px = Tebal border (batas).
>> #000 = Warna border.
>> Height = Tinggi.
>> Width = Lebar.
>> Align = Posisi teks.
>> Direction = Arah pergerakan teks.
>> Scrollamount = Kecepatan pergerakan teks.
>> Onmouseout = Teks berjalan ketika mouse di klik di luar area marquee.
>> Onmouseover = Teks berhenti berjalan ketika di klik dengan mouse.
>> Terima kasih telah berkunjung di blog lazio alfaro = Ganti dengan tulisan anda.

Hasilnya :

    TERIMA KASIH
    TELAH BERKUNJUNG
    DI BLOG
    LAZIO ALFARO

2. Tulisan Berjalan Ketika Di Klik Akan Berhenti Tanpa Border

Kodenya :
<div style="width: 300px; height: 110px; padding: 20px;">
<marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4">LAZIO ALFARO BLOGSPOT</marquee>
</div>

Keterangan :
>> Lazio Alfaro Blogspot = Ganti dengan tulisan anda.

Hasilnya :
LAZIO ALFARO BLOGSPOT

3. Tulisan Berjalan Menampilkan Tanda Panah Ke Teks

Kodenya :
<marquee behavior="alternate" width="10%">&gt;&gt;</marquee>LAZIO ALFARO BLOGSPOT<marquee behavior="alternate" width="10%">&lt;&lt;</marquee>

Keterangan :
>> Lazio Alfaro Blogspot = Ganti dengan tulisan anda.

Hasilnya :
>>LAZIO ALFARO BLOGSPOT<<

4. Tulisan Berjalan Hanya Menampilkan Bagian Depan Teks

Kodenya :
<marquee behavior="alternate"><marquee width="150">LAZIO ALFARO BLOGSPOT</marquee></marquee>

Keterangan :
>> Behavior = Mengatur gerakan teks.
>> Alternate = Gerakan bolak-balik.
>> Lazio Alfaro Blogspot = Ganti dengan tulisan anda.

Hasilnya :
LAZIO ALFARO BLOGSPOT

5. Tulisan Berjalan Bolak-Balik

Kodenya :
<marquee behavior="alternate" scrollamount="20" width="32%">LAZIO ALFARO</marquee>

Keterangan :
>> Lazio Alfaro = Ganti dengan tulisan anda.

Hasilnya :
LAZIO ALFARO

Baca Juga : Cara Cepat Membuat Copyright Di Footer Blog

Itulah beberapa Contoh Tulisan Berjalan Keren, dan silahkan untuk mencobanya.