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



5 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
  3. TOKO PLANET KAMERA MenawarkanHarga Murah Kamera DSLR Nikon Terbaru harga promo stok barang terbatas,bagi yg serius
    Invte PIN BB;2A90DC9D / HUB;0852-2856-7888
    ALAMAT TOKO JLN.LETJEN SOEPRAPTO NO 28 MALL ITC CEMPAKA MAS LANTAI 4 JAKARTA PUSAT.
    Tipe Kamera Digital Harga
    NIKON D7000 Kit Rp 6.450.000
    Spesifikasi : DX-Format Digital SLR,16.2 Megapixel, 3.0″ LCD, SD/SDHC Card Slot, Bundling AF-S DX 18-105mm f/3.5-5.6G ED VR

    NIKON 1 J1 Rp 2.730.000
    Spesifikasi : 10.1 Megapixels, SD/SDHC/SDXC Card Slot, HD Movie Recording, 3.0″ TFT LCD, Kit With10mm f/2.8

    NIKON 1 J1 (Double Lens) Rp 3.620.000
    Spesifikasi : 10.1 Megapixels, SD/SDHC/SDXC Card Slot, HD Movie Recording, 3.0″ TFT LCD, VR 10-30mm f/3.5-5.6 & VR 30-110mm f/3.8-5.6

    NIKON 1 V1 Rp 3.750.000
    Spesifikasi : 10.1 Megapixels, SD/SDHC/SDXC Card Slot, HD Movie Recording, 3.0″ TFT LCD, Kit 10mm f/2.8

    NIKON 1 V1 (Double Kit) Rp 4.700.000
    Spesifikasi : 10.1 Megapixels, SD/SDHC/SDXC Card Slot, HD Movie Recording, 3.0″ TFT LCD, VR 10-30mm f/3.5-5.6 & VR 30-110mm f/3.8-5.6

    NIKON Coolpix L810 Rp 1.200.000
    Spesifikasi : 16.1 Megapixels, 26x Optical Zoom, 4x Digital Zoom, SD / SDHC Card Slot, 3.0″ LCD monitor

    NIKON CoolPix P90 Rp 3.350.000
    Spesifikasi : 12.1 Megapixels, 24x Optical Zoom, 4x Digital Zoom, 47MB Internal Memory, SD/SDHC Memory Card Slot, Video Recording, 3″ Vari-angle LCD

    NIKON D3000 Kit VR Rp 1.800.000
    Spesifikasi : DX-Format Digital SLR, 10.2 Megapixel, 3.0″ TFT LCD, SD/SDHC Card Slot, include AF-S 18-55mm f/3.5-5.6G VR

    NIKON D3100 Kit VR Rp 2.325.000
    Spesifikasi : DX-Format Digital SLR, 14.2 Megapixel, 3.0″ TFT LCD, SD/SDHC Card Slot, Bundling AF-S 18-55mm f/3.5-5.6G VR

    NIKON D3200 Kit VR Rp 3.050.000
    Spesifikasi : DX-Format Digital SLR, 24.2 Megapixel, 3.0″ TFT LCD, SD/SDHC/SDXC Card Slot, include AF-S 18-55mm f/3.5-5.6G VR

    NIKON D3200 Kit2 VR Rp 4.650.000
    Spesifikasi : DX-Format Digital SLR, 24.2 Megapixel, 3.0″ TFT LCD, SD/SDHC/SDXC Card Slot, include AF-S 18-105mm f/3.5-5.6 ED VR

    NIKON D3X Body Rp 16.500.000
    Spesifikasi : FX-Format Digital SLR, 24.5 Megapixels, Live View, 3.0″ TFT LCD, CF Card Slot

    NIKON D4 Body Rp 26.000.000
    Spesifikasi : FX-Format Digital SLR, 16.2 Megapixel, LiveView, 3.2″ TFT LCD,XQD and Type I CompactFlash Memory Card

    NIKON D600 Body Rp 11.500.000
    Spesifikasi : FX Format CMOS, 24.3 Megapixel, LiveView, Full HD (1920×1080), 3.2″ TFT LCD, SD/SDHC/SDXC, Wi-Fi, EXPEED 3 Processor

    NIKON D7000 Body Rp 5.150.000
    Spesifikasi : DX-Format Digital SLR,16.2 Megapixel, 3.0″ LCD, SD/SDHC Card Slot, Body Only

    CARA TRANSAKSI:
    Kami Hanya Melayani Yang Serius.
    Kami melayani pembeli di seluruh indonesia.
    Pembeli Diwajibkan Melakukan Pembayaran Harga Barang Yang Sesuai Dengan Barang Pesanannya.
    Pengiriman barang melalui: JNE, TIKI, dan POS Express
    Harga barang kami sudah termasuk ongkos kirim.
    Barang yang rusak atau cacat pada saat pengiriman, akan kami gantikan kembali dengan barang yang sama.

    KEUNTUNGAN BERBELANJA DI TOKO KAMI:
    Barang berkualitas dan harga relatif lebih murah.
    Dapat dikirim ke seluruh Indonesia.
    Ongkos kirim gratis.
    Keamanan dijamin 100% karena setiap pengiriman barang disertai dengan asuransi Dan Nomor resi
    Proses cepat dan sederhana.
    Produk terbaru dan uptdate.
    Semua produk yang ditawarkan merupakan produk Asli, Baru & Tersegel.
    Original & bergaransi Resmi.


    Terima Kasih


    ReplyDelete

SEJARAH ASIAN GAMES

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