MEMBUAT EFEK MARQUE (TEKS BERJALAN)

hai temen-temen, satu lagi ni tips dan trik blogger yang penting banget. hehehhe... sebenernye gak penting-penting banget seh.. tergantung kaliannya seneng apa enggak.

marquee.. atau teks berjalan. apakah itu?? kalian sebagai seorang blogger, atau yang baru memulai menjadi seorang blogger tentunya pernah kan melihat sebuah teks berjalan di salah satu blog atau website yang kalian datangi ?? nah.. jika kalian penasaran pengen banget menghias blog kalian dengan teks berjalan.. 
aku kasih tahu caranya...^_^

namun sebelumnya aku jelasin dulu deh, marquee itu ada bermacam-macam. jadi kalian tinggal pilih salah satu dari beberapa marquee yang saya tampilkan disini. 
ok... Mari kita mulai.

1. MARQUEE STANDART.

marquee ini adalah marquee biasa,bergerak dari kiri ke kanan. seperti pada gambar di bawah ini. jika kalian pengen, kalian bisa mengcopy kode dibawah ini ke blog kalian.
<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="30%">marquee dari kanan ke kiri</MARQUEE>

HASIL :
marquee dari kanan ke kiri

2. MARQUE BOLAK-BALIK

marquee ini masih sama seperti marquee yang pertama tadi, bedanya adalah pada gerakannya. untuk yang kedua ini gerakan teks adalah bolak balik. jika kalian tertarik, copylah kode dibawah ini :
<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">
marquee bolak balik 
</MARQUEE>


HASILNYA :


marquee bolak balik aja ni..



3. MARQUEE BOLAK-BALIK DENGAN WARNA

untuk marquee yang ketiga ini adalah marquee yang sama seperti yang kedua, cuman disini backgroundnya adalah berwarna. jika kalian tertarik, kalian bisa menggunakan kode ini :


</code><div align="left"><span style="font-family:georgia;color:white;"><b><marquee height="20px" scrollamount="3" behavior="alternate" bgcolor="red" width="70%">Marquee Dengan warna latar
</marquee></b></span></div>

HASIL :

Marquee Dengan warna latar

4. MARQUEE YANG BERHENTI BILA DISENTUH

kadang kita sering kali menyaksikan sebuah teks berjalan disertai link, nah agar orang mudah mengklik link yang mereka pasang di teks berjalan tersebut, maka teks berjalan itu akan berhenti apabila disentuh. jika kalian pengen tau lebih jauh, dibawah ini adalah kodenya :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="50" align="center">
HELLO SAPA DISANA?
</marquee>

HASIL :

HELLO SAPA DISANA?


5. MARQUEE DENGAN LINK DIDALAMNYA


seperti yang saya bilang diatas, kita sering kali melihat sebuah teks berjalan menggunakan link. nah untuk membuatnya. lihatlah kode dibawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://silinaolala.blogspot.com" target="new">Blog lina</a><br/>
<a href="http://silinaolala.blogspot.com/2010/04/tukar-link.html" target="new">Link Sahabat</a><br/>
<a href="http://www.facebook.com" target="new">FACEBOOK</a><br/>
</marquee> 
 

HASIL :


gmana?? mudah kok sebenernya.. kalian hanya tinggal menirukan kode diatas saja. tapi, jika kalian tertarik untuk mengutak atik sendiri, maka atribut yang sering digunakan adalah :

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
  • Scroll --> teks bergerak berputar
  • Slide--> teks bergerak sekali lalu berhenti
  • Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
4. TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

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

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

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

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



4 comments:

  1. yup... saling tukar info ya.. =)

    ReplyDelete
  2. @Devi Rouli
    langkahnya :
    buka blog kamu -> rancangan -> edit halaman -> pilih : tambah gadget -> pilih edit html -> copy scriptnya di dalam edit html itu -> save

    selesai dah.. ^^

    ReplyDelete

SEJARAH ASIAN GAMES

INFORMASI TERBARU - Indonesia tahun ini menjadi tuan rumah ASIAN GAMES 2018. Jakarta dan Palembang adalah dua kota penyelenggara acara akba...