Sudah berlangganan artikel blog ini via RSS Feed?

Membuat teks berjalan " Marquee "

Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat  taks tersebut. Teks ini seperti tesks biasa yang sering anda jumpai, hanya teks ini bisa bergerak kekanan, kiri, atas dan bawah.

Anda bisa memodifikasi sesuai kebutuhan, misal untuk  ucapan terimakasih, membuat link, pasang iklan agar lebih menonjol, berita atau informasi, biasnya terletak paling bawah dan berjalan dari kanan ke kiri.
    
Marquee mengunakan tag sebagai berikut : <marquee> Diisi sesuai kehendak </marquee> .jangan lupa di beri tanda penutup “/ ”.

Arti script yang akan di gunakan pada marquee:
    
DIRECTION  "left, right, up, down"     = Mengatur arah gerakan teks.

BGCOLOR     "warna"                          = Untuk mengatur warna background 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.


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

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.
                                                      

Biar lebih jelas lansung aja ke contoh yang sederhana terlebih dahulu :
 



  

                                                                      Hasilnya sebagai berikut:


Dari kanan ke kiri

Contoh :


Jika ingin menganti arah teks silahkan menganti huruf right pada direction sesuai kebutuhan anda.

Right = dari kiri menuju kanan

left     = dari kanan menuju kiri

up      = dari bawah menuju atas

down = dari atas menuju bawah


Contoh lain:



  


Hasilnya sebagai berikut:
 

putroweb.blogspot.com contoh bergerak dari kanan menuju kekiri,teks berwarna putih, teks menjadi tebal dan jika cursor berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali



keterangan :
 
  1. Merubah warna teks hitam menjadi putih = "<font color="white">...isi area marquee...</font>"
  2.  
  3. Menjadikan tebal teks    = " <strong>... isi teks...</strong> "
  4.  
  5. Membuat teks berkedip = " <blink>...isi teks...</blink> "
  6.  
  7. Teks berhenti jika cursor diletakan diarea maqruee =

      "....<marquee onmouseover="this.stop()".....isi atribut.....onmouseout="this.star()....>"

Contoh yang menngunakan link:



 

Hasilnya sebagai berikut:


 
Contoh1

Contoh2

Contoh2

Contoh4





   Keterangan:  
  1. Membuat teks melakukan link = " ...<a href="http://putroweb.blogspot.com" target="new">Contoh</a>..."

Sangat mudah bukan?... sekarang tinggal anda mengembangkan sendiri. Gambar, foto, dan animasi lainya bisa disisipi dialam marquee. Selamat mencoba.

Terimakasih sudah mengunjungi blog ini... :D

Powered by  MyPagerank.Net

13 komentar:

bina marga DPU Polman mengatakan...

mantap dan ajebbb...numpang sedot scriptnya ya...
makasih sebelumnya

CHORDPOPROCK mengatakan...

@ bidang bina marga DPU Polman : silahkan.. :)

Dunia Kartomi Galang Saputra mengatakan...

thank bank.....

andi mengatakan...

.makasi tas infonya..

buat website mengatakan...

top banget info nya !!

mebel indonesia mengatakan...

sangat bagus gan...
terima kasih atas ilmunya

Jef-Ry | Bicara mengatakan...

Tag ini sudah tidak valid di HTML 5. Penggantinya bisa menggunakan CSS 3 Keyframe.

toko bunga mengatakan...

Mantap banget tipsnya, saya sudah praktekan

Motivasi Sukses mengatakan...

bagus sekali ya menggunakan teks berjalan ini di blog...

Grosir sprei Murah mengatakan...

terima kasih atas infonya

info bisnis hot mengatakan...

makasih buat tipsnya.

my bisnet mengatakan...

makasih buat infonya

greenworld indonesia mengatakan...

artikel2nya sangat bermanfaat sekali....ane tunggu artikel lainnya gan....salam sukses

Posting Komentar

 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )