Headlines News :
Home » » Membuat Teks Berjalan

Membuat Teks Berjalan

Written By Admin on Saturday, February 12, 2011 | 4:51 PM

Membuat teks berjalan di blogger sebenarnya sangat mudah. Tinggal copy paste aja kode html nya kemudian dimodifikasi sesuai keinginan kita.

Oke..kali ini saya ingin berbagi tips bagaimana caranya membuat marquee atau teks berjalan di blog.

Ada beberapa bagian yang perlu anda ketahui tentang marquee ini antara lain :


1. Kode HTML umumnya menggunakan tag <marquee>...</marquee>
2. BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
3. DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
4. BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan. Ada 3 macam variasi yaitu:
*Scroll --> teks bergerak terus-menerus tanpa berhenti
*Slide--> teks bergerak sekali lalu berhenti
*Alternate --> teks bergerak bolak-balik

5. TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
6. SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
7. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
8. LOOP="angka|-1|infinite" --> Mengatur jumlah loop
9. WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Biar lebih gampang saya berikan contoh aja ya..

Sebagai contoh anda bisa lihat teks berjalan di blog ini sebelah kanan atas. Kode html nya adalah sebagai berikut:

<div align="left"><font face="georgia" color="White"><b><marquee bgcolor="green" width="90%" scrollamount="3" behavior="scroll">

Terima Kasih telah mengunjungi blog NUSANTARA
</marquee></b></font></div>

hasilnya seperti

Anda bisa mengubah tulisannya sesuai dengan keinginan anda. Kemudian untukmengubah warna back ground silahkan ubah di bagian bgcolor. Untuk mengubah kecepatan di bagian scrollamount, dan untuk mengubah variasi teks mau bolak-balik atau berjalan di bagian behavior. Variasi ini ada 3 pilihan yaitu: alternate, scroll, slide.

atau contoh yang lain :

<marquee align="center" direction="left" height="5" scrollamount="2" width="90%">

Siapapun Anda bisa bahagia...asal mau bersyukur...
</marquee>

nanti hasilnya seperti ini:



Siapapun Anda bisa bahagia...asal mau bersyukur...






Untuk membuat teks berjalan dengan link anda bisa gunakan kode

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

<a href="http://didiksugiarto.com" target="new">Kebahagiaan Terbesar</a><br/>
<a href="http://iklanbarispromo.com" target="new">Pasang Iklan Baris </a><br/>
<a href="http://inginbahagia.com" target="new">Belajar Bisnis Online Pemula </a><br/>
</marquee>

nanti hasilnya seperti di bawah ini. Anda tinggal edit link urlnya.





Selamat mencoba...semoga berhasil....
Share this post :

+ komentar + 1 komentar

Anonymous
February 12, 2011 at 5:24 PM

artikel nya sangat berguna
thanks infonya

Post a Comment

Silakan Tinggalkan Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOG-NUSANTARA - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger