Membuat Scrolling Marquee Pada Blog

1. Kodenya adalah sebagai berikut.

<div style="text-align: center;">
<marquee behavior="slide" loop="10" direction="left" bgcolor="black"
scrollamount="5" width="400">Tulis atau masukkan kode html di sini</marquee>

2. Hasilnya seperti ini.

Tulis atau masukkan kode html di sini

3. Keterangan :

Warna abu-abu menunjukkan letak scrolling marquee.

Warna merah menunjukkan jenis scrolling marqueenya. Dapat diganti dengan :

- slide = akan berulang sesuai pengaturan loopnya

- scroll = akan berulang terus menerus

- alternate = akan memantul jika mencapai batas (khusus browser Internet Explorer)

Warna hijau menunjukkan pengulangan scrolling marquee, ganti angka 10 sesuka hati sobat . Fitur ini khusus untuk jenis slide. Untuk jenis alternate dan scroll kode loop="10" harap dihapus.

Warna orange menunjukkan arah gerak scrolling marquee. Dapat diganti dengan left, right, up, atau down.

Warna kuning menunjukkan background scrolling marquee. Dapat diganti dengan warna lain dalam bahasa inggris atau kode html warna. Fitur ini opsional, jika tidak ingin memakai background tinggal dihapus.

Warna biru muda menunjukkan kecepatan pergerakan scrolling marquee. Dapat diganti dengan :

- scrollamount = kecepatan dalam satuan pixel (angkanya semakin banyak, gerakannya semakin cepat).

- scrolldelay = kecepatan dalam satuan milisecond (angkanya semakin banyak, gerakannya semakin lambat).

Warna pink menunjukkan lebar scrolling marquee. Fitur ini opsional, dihapus tidak masalah.

Warna ungu ganti dengan tulisan sobat atau kode html (biasanya gambar).

4. Contoh behavior="scroll"

indra-thedark.blogspot.com

Kodenya :

<div style="text-align: center;">
<marquee behavior="scroll" direction="left" scrollamount="5"><a href="http://indra-thedark.blogspot.com/">indra-thedark.blogspot.com</a></marquee>

5. Contoh behavior="alternate" (lihat dengan browser internet explorer)

Kodenya :

<div style="text-align: center;">

<marquee behavior="alternate" direction="right" scrollamount="5"><a href="http://www.blogger.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxa0SC_FoK7akNx1VXhDcg6riGBbHGjWq9-x5nR82sP3LZjHZ7M4PVbsxZnS0exrhjEY6Sf5t6MFmY2xgx5DLagihZUdUPBYBE3EBJdOUiQR8iV2VblZmV_Huhxx6Vn8KizXqMr8rMrwP/s1600/Blogger+Logo.gif" /></a></marquee>