Sebenarnya ini bukan hal yang baru di dunia blog. Kuposting juga hal ini agar
Anda para peminat blog yang masih pemula sepertiku, bisa mempraktekkan di blog
masing-masing. Kadangkala untuk menarik perhatian pengunjung blog kita, text
berjalan seperti ini sangat membantu
Yu kita langsung mulai saja ya.
1. Tampilan secara default text berjalan arahnya adalah dari kanan ke
kiri. Kodenya sebagai berikut :
|
<marquee>Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
2. Untuk gerakan text berlawanan arah yaitu kiri ke kanan, anda tambahkan
direction="right" sehingga menjadi:
|
<marquee
direction="right">Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
3. Untuk tampilan slide anda tambahkan behavior="slide"
sehingga menjadi:
|
<marquee
behavior="slide">Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
4. Untuk gerakan text memantul tambahkan behavior="alternate"
sehingga menjadi:
|
<marquee
behavior="alternate">Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
5. Untuk membatasi tampilan gerakan text berjalan misalnya pada contoh 2 kali
tampil saja (setelah itu text berjalan ga terlihat lagi), maka tambahkan
loop="2" (atau sesuaikan dengan selera anda) sehingga menjadi:
|
<marquee
loop="2">Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
6. Untuk membatasi daerah tampilan text berjalan
tambahkan height (lebar) dan width (panjang), tambahkan height="20 "
width="150" (atau seseuai selera anda sehingga menjadi:
|
<marquee
height="20" width="150">Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
7. Untuk menambah kecepatan tampilan text berjalan
tambahkan scrolldelay="45" (defaul 90) sehingga menjadi:
|
<marquee scrolldelay="45">Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
8. Untuk mengurangi kecepatan tampilan text
berjalan (memperlambat), tambahkan scrolldelay="120" (defaul 90) sehingga
menjadi
|
<marquee>Membuat Text Berjalan di Blog</marquee>
|
tampilannya adalah sebagai berikut:
|
Membuat Text Berjalan di Blog
|
Untuk yang
menggunakan Microsoft Office Frontpage sepertiku sebagai editor web,
langkah-langkah memasukkan text berjalan ini adalah:
Add a
marquee
1. In Page view, at the bottom of the document window, click Design .
2. Click where you want to add the marquee, and then type and select that text.
3. On the Insert menu, click Web Component.
4. Under Component type, click Dynamic Effects.
5. Under Choose an effect, double-click Marquee.
6. Set the properties that you want for the marquee, and then click OK.
1. In Page view, at the bottom of the document window, click Design .
2. Click where you want to add the marquee, and then type and select that text.
3. On the Insert menu, click Web Component.
4. Under Component type, click Dynamic Effects.
5. Under Choose an effect, double-click Marquee.
6. Set the properties that you want for the marquee, and then click OK.
(terjemahkan
sendiri ya.. hehe)
Tidak ada komentar:
Posting Komentar