Tampilkan postingan dengan label Marquee. Tampilkan semua postingan
Tampilkan postingan dengan label Marquee. Tampilkan semua postingan

Kamis, 02 Desember 2010

Marquee 6

Kali Ini Saya Akan Menjelaskan Tentang Kecepatan Gerak Marquee...
Kadang Kita Ingin Gerak Marquee Kita Cepat...
Atau Sebaliknya Gerakan Marquee Kita Lambat...
Untuk Mengatur kecepatan Marquee Digunakan Scrollamount:

Scrollamount mengontrol banyaknya pergerakan dalam pixel.
Semakin kecil nilai yang diberikan akan menjadikan gerakan tulisan semakin lambat dan sebaliknya, semakin besar nilainya akan membuat gerakan tulisan semakin cepat.

Contoh dengan nilai kecil

<marquee scrollamount=1>
Ini contoh tulisan dengan attribute scrollamount dengan nilai kecil
</marquee>

Hasilnya (gerakan lebih lambat)


Ini contoh tulisan dengan attribute scrollamount dengan nilai kecil


Contoh dengan nilai besar

<marquee scrollamount=400>
Ini contoh tulisan dengan attribute scrollamount dengan nilai besar
</marquee>

Hasilnya (gerakan lebih cepat)


Ini contoh tulisan dengan attribute scrollamount dengan nilai besar

Marquee 5

Kali Ini Saya Akan Menjelaskan Tentang Marquee Tag...
Marquee Tag Dibagi Menjadi 3:

BEHAVIOR terdiri dari : ALTERNATE, SCROLL, SLIDE
DIRECTION, terdiri dari LEFT, dan RIGHT
SIZING, terdiri dari HEIGHT/WIDTH, dan HSPACE/VSPACE

Untuk Direction Sudah Kita Pelajari Di Tips Sebelumnya...
Jadi Kali Ini Kita Akan Mempelajari Tentang Behavior Dan Sizing...
Dan kali Ini Saya Akan Menggunakan Background Text Berwarna Kuning...



ALTERNATE

<MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>Ini adalah contoh marquee dengan ALTERNATE,…....
</MARQUEE>

Hasilnya

Ini adalah contoh marquee dengan ALTERNATE,…....

SCROLL

<MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=yellow>Ini adalah contoh marquee dengan SCROLL,……..
</MARQUEE>

Hasilnya

Ini adalah contoh marquee dengan SCROLL,……..



SLIDE

<MARQUEE WIDTH=100% BEHAVIOR=SLIDE BGColor=yellow>Ini adalah contoh Marquee dengan SLIDE,…....
</MARQUEE>

Hasilnya

Ini adalah contoh Marquee dengan SLIDE,…....


Untuk memperindah tampilan, kita juga dapat mengkombinasikan dengan tampilan font yang berbeda dengan format sebagai berikut:

Alternate dengan format font

<FONT SIZE="4" FACE="times new roman" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>Ini adalah contoh marquee dengan alternate dengan format font,…....
</MARQUEE></FONT>

Hasilnya seperti di bawah ini,..

Ini adalah contoh marquee dengan alternate dan kombinasi font...

Marquee 4

Masih Mengenai Marquee...

Kali Ini saya Akan Menjelaskan Tentang Cara Memasukkan Link Ke marquee...




Salah satu format yang akan membuat link bergerak ke bawah adalah sebagai berikut.

<marquee align=center direction=down onmouseover="this.stop()" onmouseout="this.start()">
<a href="URL_Link_satu">Nama_Link_satu</a>
<a href="URL_Link_dua">Nama_Link_dua</a>

</marquee>

URL_Link diganti dengan alamat link yang kita inginkan
Nama_Link diganti dengan nama linknya
Jika ingin linknya bergerak ke atas, tinggal mengganti "down" menjadi "up"
Jika ingin bergerak ke kiri tinggal mengganti "left" ke kanan "right"

Contohnya dapat dilihat di bawah ini.

<marquee align=center direction=down onmouseover="this.stop()" onmouseout="this.start()">

<a href=”http://nico-savero1.blogspot.com/”>Tips Membuat Blog</a>
<a href=”http://nico-savero2.blogspot.com/”>My New Blog</a>
<a href=”http://Alat-komunikasi.blogspot.com/”>Blog Kelompok 2 Yg Kedua</a>
<a href="http://tugasbsi22.blogspot.com/">Blog Kelompok 2</a>

</marquee>

dan hasilnya seperti di bawah ini.


Tips Membuat Blog
My New Blog
Blog Kelompok 2 Yg Kedua
Blog Kelompok Kedua

Marquee 3

Di Pembahasan Sebelumnya Kita Sudah Mempelajari Cara Memberi Warna Pada Blog...

Sekarang Kita Akan Mempelajari Arah Bergeraknya marquee...



TEKS BERJALAN KE KANAN

Ketik atau copy paste code di bawah ini.



hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke kanan

TEKS BERJALAN KE KIRI

Ketik atau copy paste code di bawah ini.



hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke kiri

TEKS BERJALAN KE BAWAH

Ketik atau copy paste code di bawah ini.



hasilnya dapat dilihat di bawah ini.

Teks ini akan berjalan ke bawah

TEKS BERJALAN KE ATAS

Ketik atau copy paste code di bawah ini.



dan hasilnya akan seperti di bawah ini.

Teks ini akan berjalan ke atas

TEKS AKAN BERHENTI JIKA DIDEKATKAN MOUSE

Ketik atau copy paste code di bawah ini.

Agar teks yang berjalan berhenti saat mouse didekatkan maka harus ditambahi kode seperti berikut onmouseover="this.stop()" onmouseout="this.start()"



hasilnya dapat dilihat seperti di bawah ini.

Teks akan berjalan ke bawah

Marquee 2

Ini Adalah Lanjutan dari Pembahasan Yang Pertama...
Yang Pertama Kita Hanya Diajarkan Cara Membuat Tulisan Bergerak...
Kali Ini Saya Akan Mengajarkan Cara Merubah Warna Tulisan Di Marquee...

Hampir Sama Seperti Di Pembahasan Yang Pertama...
Yang Perlu Anda Lakukan Adalah:
1. Klik Rancangan...
2. Klik Tambahkan Gatget...
3. Pilih HTML/JavaScript...

Setelah Itu Masukkan Sript Ini:
<marquee style='color:purple;'> Text Anda </marquee>

Tulisan Berwarna Hijau Bisa Anda Ganti Dengan Warna Kesukaan Anda...
Tulisan Berwarna Biru Bisa Diganti Dengan Text Anda...

Marquee 1

Tulisan Bergerak Atau Yang Sering Juga Disebut Marquee...
Kadang Kalau Kita Sedang Browsing Blog Kita Sering menemui Tulisan2 Yang Bergerak Ke Arak Kiri, Kanan, Atas, Dan Bawah...
Disini saya Akan Menjelaskan Cara Menggunakan Marquee...

1. Klik Rancangan...
2. Klik Tambah Gadget...
3. Pilih HTML/JavaScript...

Setelah Anda Mengikuti Langkah Diatas...
Anda Masukkan Script Dibawah Ini:

<marquee> Text Anda </marquee>
Selesai...
Sekarang Tulisan Anda Sudah Bergerak...
[hide]
KALAU ADA SESUATU YANG MAU DITANYA TANYA SAJA NICO SAVERO