Ticker

6/recent/ticker-posts

Cara Membuat Background dan Marquee


Banyak para bloger atau anak anak yang ingin mempercantik web dan blog nya, kali ini saya akan memberkan CaraMembuat Background dan Marquee


1.  Background dengan Image
Syntax :
<BODY BACKGROUND=“NAMA_FILE.GIF”>
Contoh :
<html>
<body background="file:///D:/sonic/bbb.jpg">
</html>

2. Background menggunakan warna
Contoh :
<html>
<body text="blue"bgcolor="green">
<H1>SELAMAT DATANG</h1>
</html>


3.  Marquee
Adalah untuk menampilkan teks berjalan .
Syntax :
<Marquee>Teks</Marquee>

1. Arah Gerakan

Untuk mengatur arah gerakan pada Marquee, teman-teman tinggal menambahkan kode direction="".
Ada 4 arah gerakan pada Marquee, yaitu :

direction="left" (untuk gerakan dari kiri ke kanan)
direction="right" (untuk gerakan dari kanan ke kiri)
direction="up" (untuk gerakan dari bawah ke atas)
direction="down" (untuk gerakan dari atas ke bawah)

contoh :

<Marquee direction="left">Teks bergerak dari kiri ke kanan</Marquee>

2. Perilaku Gerakan

Untuk mengatur perilaku gerakan pada Marquee, teman-teman tinggal menambahkan kode behavior="".
Ada 3 perilaku gerakan Marquee, yaitu :
behavior="scroll"
behavior="alternate"
behavior="slide“
Contoh :

<Marquee behavior="scroll">Teks bergerak dari kanan ke kiri</Marquee>

3. Kecepatan Gerakan

Kecepatan gerakan teks pada Marquee dinyatakan dalam piksel. Angka-angka yang didefinisikan atau ditetapkan dalam kode ini, jelas akan mempengaruhi kecepatan gerakan teks. Semakin besar angkanya, semakin cepat pula gerakan teks. Begitupun sebaliknya. Untuk mengatur kecepatan gerak pada Marquee, teman-teman tinggal menambahkan kode scrollamount="".
Untuk membandingkan kecepatan gerak, maka saya akan membuat kode arquee untuk angka 2 dan 6.

Contoh :

Kode Marquee untuk angka 2 (scrollamout="2") adalah :

<Marquee scrollamount="2">
Keceptan gerak teks dengan scrollamout="2"
</Marquee>

Kode Marquee untuk angka 6 (scrollamout="6") adalah :

<Marquee scrollamount="6">
Kecepatan gerak teks dengan scrollamout="6"
</Marquee>

4. Jeda Antar Setiap Gerakan
Untuk mengatur jeda antara setiap gerakan pada Marquee, tinggal menambahkan kode scrolldelay="". Semakin tinggi nilainya, maka gerakan teks akan semakin lambat. Nilai terendah adalah 60. Apabila memilih nilai dibawah nilai 60, maka nilai tersebut akan diabaikan dan didefinisikan sebagai nilai 60, kecuali jika menambahkan kode truespeed="" dan di atur pada posisi "true" (truespeed="true").
Supaya tidak bingung, berikut contoh aplikasikan masing-masing kode Marquee.
Berikut syntax :

<Marquee scrolldelay="60">scrolldelay="60"</Marquee>
<Marquee scrolldelay="100">scrolldelay="100"</Marquee>

Contoh :

<Marquee scrolldelay="40">
scrolldelay="40", diabaikan dan didefinisikan dengan nilai 60
</Marquee>
<Marquee scrolldelay="40" truespeed="true">
scrolldelay="40", dengan truespeed="true"
</Marquee>

5.    Lebar Gerakan

Lebar default adalah lebar halaman blog tempat teman-teman meletakkan tulisan. Untuk mengatur lebar gerakan atau lintasan pada Marquee, teman-teman tinggal enambahkan kode width="". Untuk mengatur lebar gerakan pada Marquee, dapat dilakukan dengan 2 cara yaitu :
Dengan Pixel (px)
Dengan Prosentase (%)
Dengan Pixel (px)

Misalnya kalian ingin menyesuaikan lebar lintasan Marquee dengan lebar diblog t, dimana lebar diblog kalian adalah 120px, maka kode marquee untuk lebar tersebut adalah :
Contoh :
<Marquee width="150">Teks bergerak selebar 150px</Marquee>
Dengan Prosentase (%)
Misalnya kalian hanya ingin tulisan bergerak selebar 50% dari lebar halaman blog tempat kalian meletakan tulisan, maka kode Marquee untuk lebar tersebut adalah :
Contoh :
<Marquee width="50%">Teks bergerak selebar 50%</Marquee>
Jika teman-teman ingin menuliskan sebuah daftar atau blogroll, misalnya blog a, blog b, dan blog c, maka kode Marquee untuk format tersebut adalah :
Contoh :
<Marquee direction="up" height="75">
<p>blog a</p><br><p>blog b</p><br><p>blog c</p>
</Marquee>

6.  Warna Latar Belakang

Warna latar belakang default (standar) dari teks adalah warna latar belakang dimana teks diletakkan. Untuk mengatur atau mengubah warna latar belakang pada Marquee, kalian tinggal menambahkan kode bgcolor="". Misalnya kalian ingin mengubah warna latar belakang teks dengan warna merah, maka kode Marquee untuk warna tersebut adalah :
<Marquee bgcolor="red">Latar belakang teks berwarna red</Marquee>
Warna yang digunakan dalam dokumen HTML juga menggunakan nomor hexadecimal atau nama dari RGB. Misalnya untuk warna latar belakang merah seperti diatas, dengan menggunakan nomor hexadecimal, maka kode Marquee menjadi :
<Marquee bgcolor="#ff0000">
Latar belakang teks menggunakan nomor hexadecimal untuk red

</Marquee>


Itulah Cara Membuat Backgroud dan Marquee Menurut InfoKitaKita

Post a Comment

0 Comments