Sang-rajawali.blogspot.com

Situs personal yang memuat artikel tentang seni, budaya, filsafat, religi, humaniora, mistik, politik, teknologi, free-stuff.
Kirimkan artikel/iklan anda ke : admin.sang-rajawali.blogspot.com. Artikel yang sesuai dengan konten blog ini akan diseleksi dan dimuat di blog ini sesuai katagorinya. Untuk pemasangan iklan private pada "banner jin" akan dimuat setelah kiriman di-approve oleh admin.

Iklan 125 X 125

Iklan 125 X 125

Iklan 125 X 125

My Little Family

My Little Family
Aku - Nurlita Dyah Asmarani - Shourraya Callista (2th)

13 January 2008

Mempercantik blog dengan Kode Marquee

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Kode marquee ini banyak digunakan oleh para blogger karena sifatnya yang dinamis serta menarik untuk dilihat sekaligus untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>TEXT</marquee>. Kata “TEXT” tinggal anda ganti dengan tulisan yang mau ditampilkan.


Atribut marquee adalah sebagai berikut :

  1. BGCOLOR="warna" → Untuk mengatur warna background (latar belakang) teks
  2. DIRECTION="left/right/up/down" → Mengatur arah gerakan teks
  3. BEHAVIOR="scroll/slide/alternate" → Untuk mengatur perilaku gerakan
  4. Scroll → teks bergerak berputar
  5. Slide → teks bergerak sekali lalu berhenti
  6. Alternate → teks bergerak bolak-balik
  7. TITLE='pesan" → Pesan akan muncul saat mouse berada di atas teks
  8. SCROLLMOUNT="angka" → mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
  9. SCROLLDELAY="angka" → Untuk mengatur waktu tunda gerakan dalam mili detik
  10. LOOP="angka|-1|infinite" → Mengatur jumlah loop
  11. WIDTH="lebar" → Mengatur lebar blok teks dalam pixel atau persen

Contoh efek marquee dengan arah gerakan

Teks bergerak ke kanan
<marquee direction="right">Teks bergerak ke kanan</marquee>


Teks bergerak ke atas
<marquee direction="right">Teks bergerak ke kanan</marquee>


Contoh efek marquee dengan perilaku gerakan

Teks bergerak bolak-balik
<marquee direction=”left” behaviour="alternate">Teks bergerak bolak-balik</marquee>


Teks bergerak bolak-balik
<marquee direction=”up” behaviour="alternate">Teks bergerak bolak-balik</marquee>


Zig-zag 1
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Zig-zag 1</marquee></marquee>


Zig-zag 2
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Zig-zag 2</marquee></marquee>


>>Highlight Text<<
<marquee behavior="alternate" width="10%">>></marquee>Highlight Text<marquee behavior="alternate" width="10%"></marquee>


Hiding Marquee
<marquee behavior="alternate"><marquee width="150">Hiding Marquee</marquee></marquee>


Contoh efek marquee dengan warna tulisan dan latar belakang

Background biru tulisan putih
<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">Background biru tulisan putih</marquee></font>


Border solid tebal 2px
<marquee style="border:BLUE 2px SOLID"> Border solid tebal 2px </marquee>


Marquee dengan variasi warna dan gerakan

<div align="left"><font face="georgia" color="White"><b><marquee BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">Marquee dengan variasi warna dan gerakan</marquee></b></FONT></div>


Untuk kode warna silahkan lihat di sini

Contoh efek marquee dengan pengaruh mouse
Ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse digeser kembali ke tempat lain maka teks akan bergerak kembali


Arahkan mouse ke tulisan ini

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">Arahkan mouse ke tulisan ini</marquee>



Contoh efek marquee untuk membuat daftar link


Polnes

Politeknik Surabaya

Binus University



<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="150" align="center">
<a href="http://polnes.ac.id" target="new">Polnes</a><br/>
<a href="http://eepis-its.edu" target="new">Politeknik Surabaya</a><br/>
<a href="http://www.binus.ac.id" target="new">Binus University</a><br/>
</marquee>



Walah... panjang betul yach sampe capek nulisnya ... nyruput minum dulu ah ..

Insya Allah nanti akan kita lanjutkan ke materi selanjutnya



7 komentar:

Mas Don berkomentar :

test nih :D

OKE.com berkomentar :

be...saya nyoba kog ga bisa??...wes ngikuti petunjuk neh...

OKE.com berkomentar :

be saya coba buat marquee kog ga bisa ya?? tampil di blog ya??

" Azam " Syahyudin berkomentar :

Bang Cara aplikasiin ke blognya gimana?mohon penjelasannya

Anonymous berkomentar :

This is a good tip especially to those fresh to the blogosphere.
Brief but very precise info… Thanks for sharing this one.
A must read post!

Feel free to surf to my site - france carp lake for sale

Anonymous berkomentar :

Hi, I do think this is a great blog. I stumbledupon
it ;) I'm going to return once again since I saved as a favorite it. Money and freedom is the greatest way to change, may you be rich and continue to guide other people.

Here is my blog post; vakantiehuizen

Anonymous berkomentar :

Fabulous, what a webpage it is! This blog gives helpful
data to us, keep it up.

Feel free to surf to my web page: luxe vakantiewoning frankrijk

Beri Komentar

 

Public Ads Info

PT. Reyvita Salsabila. Agen perjalanan untuk ONH Plus, domestik, dan luar negeri. Kantor pusat Jl. A. Wahab Syahrani - Samarinda - Kalimantan Timur. Contact Person : Syafii Jafar (08125523874).

In house Training. Komunitas Pengembangan Teknologi - Polnes telah membuka in house training untuk beberapa paket : Instrumentasi, Interface Programming, Microprocessor, C++ and Assemby Programming. Contact person : Supriadi, SST (081347543575), Agusma W, SST (081350092747), Arif Bram, SST (081347023452).

Kumpulblogger.com Ads Info

Terawangan (percaya atau tidak)

Petarung Linglung.06 Maret 2009, 15:28 PM. Arena pertarungan adalah tempat favoritnya. Senjata adalah mainannya. Berbagai jurus adalah makanannya. Segala bentuk kanuragan dan ilmu kedigdayaan habis tuntas dirampas.Si petarung sekarang merasa telah mencapai titik puncak kejayaan. Nun jauh di sana, sang waktu sedang menanti bertemunya para pemuja petarung dengan orang-orang yang terbantai, bertempurnya dua kekuatan. Puncak kemenangan dan puncak gundah gulana teraniaya. Wallahu a'lam. (sumber : dirahasiakan).

Pemicu sudah tercipta.Maha Besar Allah. Akhirnya pemicu terjadinya takdir-Nya ternyata ditimbulkan dari orang-orang yang memang akan "dimusnahkan"-Nya, bukan dari para pejuang kebenaran. Tunggu saja dan waspada terhadap kaum munafik. Sabar adalah kunci, istiqomah adalah pelindung. (sumber : dirahasiakan).

"Huru-hara besar".Sekitar bulan ketiga tahun 2009 akan terjadi huru-hara besar yang menjadi awal dari huru-hara yang lebih besar lagi. (sumber : dirahasiakan).

Kursi Panas.“Kursi-kursi” yang ada di seantero bumi Nusantara sekarang ini telah banyak yang meningkat suhunya. Entah disengaja atau tidak, setiap orang yang melihat menjadi “enggan”, setiap orang yang duduk di sana menjadi “panas” dan menimbulkan energi “panas” di sekitarnya. Waspada bagi yang melihat, segera introspeksi yang sedang duduk di sana. (sumber : dirahasiakan).

Injury Time.Layaknya permainan sepak bola, sekarang ini sedang berlangsung “injury time” bagi yang sedang “berkuasa” atau yang sedang “menguasai lapangan pemainan”. Semoga “injury time” ini dapat dimanfaatkan sebaik-baiknya bagi “semua tim”. Tetapi perlu diwaspadai, event “suddent death” bisa terjadi setiap saat. (sumber : dirahasiakan).

"Rudal nyasar".Tidak selamanya alat “pelacak panas” yang terpasang di setiap “rudal” dapat berfungsi dengan baik. Ada kalanya oleh karena sesuatu dan lain hal, bisa terjadi peristiwa “rudal nyasar”. Bisa dipastikan peristiwa “rudal nyasar” akan berakibat buruk bagi target yang sesungguhnya bukan target. Perlu diwaspadai : “yang dianggap salah belum tentu salah, yang merasa benar sudah pasti tidak benar”. “Rudal nyasar” kebanyakan terjadi oleh karena salah menterjemahkan kata “benar dan salah”. (sumber : dirahasiakan).

Conteng saya.Sekarang ini, langit telah dipenuhi oleh do’a-do’a yang pada intinya bermakna “conteng saya” yang bertarung dengan kemurnian do’a orang-orang yang teraniaya. Do’a-do’a yang bermakna “conteng saya” tetap akan berjaya selama “injury time”. (sumber : dirahasiakan).

Satria emas berkuda putih.Akan datang “satria emas berkuda putih” dengan membawa “seribu pasukan langit” yang tidak tampak bagi hati yang “tertutup nafsu”. Kedatangannya disebabkan oleh “gudang langit” yang sudah tidak mampu lagi menampung do’a orang-orang yang teraniaya. (sumber : dirahasiakan).

Pengikut

Komentar Terbaru

sang-rajawali.blogspot.com is proudly powered by Blogger.com | Fully redesigned template by Onny Gaffar | or please Contact Me