Wednesday, May 13, 2009

Cara Buat Marquee / Text Berjalan

Text Berjalan / Efek Marquee ini sangat diminati oleh para blogger untuk di tampilkan di blog sebagai variasi. Biasanya text berjalan ini untuk menampilkan postingan yang menonjol untuk di beritahukan kepada para pembacanya. Text berjalan ini juga memperlihatkan artikel tidak membosankan saat di baca. Kalau blog anda ingin di tambah menu text berjalan, kita mulai saja proses pembuatannya.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Efek Marquee biasanya menggunakan atribut seperti :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks.

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar

Slide--> teks bergerak sekali lalu berhenti

Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen


Contoh Marquee / Text berjalan : dari kanan ke kiri :


<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

</MARQUEE>

hasilnya :

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

Contoh Marquee / Text Berjalan : dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="300" scrollamount="3" width="70%" behavior="alternate">

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

</MARQUEE>

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">

<a href="http://panduanbuatbloggratis.blogspot.co.id/2009/04/buat-blog-di-blogspot.html">Bagaimana Cara Buat Blog ?</a><br/>

<a href="http://panduanbuatbloggratis.blogspot.co.id/2009/04/bagaimana-cara-posting-di-blog.html">Bagaimana Cara Posting di Blog ? </a><br/>

<a href="http://panduanbuatbloggratis.blogspot.co.id/2009/04/bagaimana-cara-mengganti-template-di.html">Bagaimana Cara Mengganti Template Blog ?</a><br/>

</marquee>


hasilnya :
Bagaimana Cara Buat Blog ?

Bagaimana Cara Posting di Blog ?

Bagaimana Cara Mengganti Template Blog ?




5 komentar:

Anonymous said...

TERIMA KASIH BUANYAK MAS KRIS.SEBELUMNYA SAYA MINTA MAAF JADI SAYA MW BELAJAR BIKIN TEKS BERJALAN INI.SAYA COPY DEH.BOLEH YA .SETELAH SAYA COBA DI WEBSITE AKU.SUKSES TERIMA KASIH BANYAAAAAAAAAAAAAAAK SEKALI LAGI.SEANDAINYA MAS KRIS DI RENGAT RIAU.AKU TRAKTIR DECH MAKAN BAKSO..TAPI SATU MANGKOK AJA YA..HE...HE..MAKLUM LG KRISIS MAS HARGA KARET ANJLOK GEDEBUG..SAKIT BANGET.HE..HE...
OK MAS KRIS MAKSIH SEKALI

yoto_001@rocketmail.com

justice said...

TRIMA KASI BWANYAK YA MAS.

Uhuuy said...

Wah bagus infonyanya nih, thank ya mas..
http://www.okenext.blogspot.com

NCP Blog said...

Thanks KrisJhoxer Nursing Assessment

Semar Bingung said...

Blogwalking Sob, saya dari Semar Bingung's Weblog. Salam kenal, salam persahabatan, dan bila berkenan silakan berkunjung ke blog saya yang masih newbie. Oh ya, btw artikelnya unik-unik. Thank.