0
Cara Membuat Texs Berjalan Atau Merque pada blog

C
ara membuat teks berjalan pada blog sebenarnya sudah pernah saya buat postingannya dengan judul Cara Membuat Teks Berjalan di Menu Bar, namun yang membedakannya dengan Cara Membuat Teks Berjalan atau Efek Merquee pada blog adalah code HTML yang digunakan dan cara pemasangannya, dimana jika Teks Berjalan atau Efek Merquee dipasangnya di sidebar atau dalam postingan.

Sebelum saya menerangkan cara mudah buat teks berjalan atau efek merque, terlebih dahulu saya akan mendemonstrasikan apa yang dimaksud dengan efek merquee tersebut, berikut ini contohnya :

1. Texs berak bolak-balik secara horizontal

Teks Bolak-Balik Horizontal

berikut ini kodenya:
<font face="arial" color="black" size="4"&
gt;<marquee direction="right" behavior="alternate"
direction="right" scrollamount="2" height="20px"
scrolldelay="10" bgcolor="orange" width="450px&
quot;> Teks Bolak-Balik Horizontal</marquee></font>

2. Texs bolak balik vertikal:


Teks Bolak-Balik Vertikal


Berikut ini kodenya:
<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">
Teks Bolak-Balik Vertikal</marquee></font>

3.Texs berjalan dari ke kanan secara kontiniu:

Teks Kekanan Continu

Berikut ini kodenya:
<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px"> Teks Kekanan Continu</marquee></font>

4.Texs berjalan efec bounce

Teks Berjalan Efek Bounce

Berikut ini kodenya:
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Teks Berjalan Efek Bounce</marquee></marquee></font>

5.Texs berhenti jika mosh menyentuh daerah merque

Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

Berikut ini kodenya:
<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue"> Teks Berhenti Jika Mouse Menyentuh Daerah Marquee</marquee></font>

Cara pasang code teks berjalan pada Sidebar blog adalah sebagai berikut :

1. Login ke Blogger, Klik Layout/Tata Letak;

2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;

3. Pilih HTML/Javascript;

4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

5. Klik Tombol Simpan

Jika cara pasang code HTML ke dalam postingan, cukup copy paste kode tersebut ke dalam content postingan Anda.

Keterangan :
Width: Untuk mengatur panjang ruangan teks dalam satuan pixel.
Height: Untuk mengatur lebar ruangan teks dalam satuan pixel.
Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.
Selamat mencoba semoga bermanfaat;***************************************

0 komentar:

Posting Komentar