WELLCOME TO MY BLOG THE SICKNESS COMMUNITY

Senin, 08 Maret 2010

MEMBUAT TEX BERJALAN DENGAN EFEK MARQUE

Pernahkah anda menjumpai dalam suatu artikel atau pada halaman suatu blog, kalimat yang bergerak secara horizontal dari kanan ke kiri (bolak balik). Atau kalimat yang bergerak secara vertikal dari bawah ke atas dan sebaliknya itulah yang disebut efek marque. Mungkin anda juga  menjumpai sebuah artikel yang di dalamnya ada tulisan yang dibold(huruf tebal) dan berkedip-kedip. Pada kesempatan ini saya ingin berbagi kepada anda bagaimana caranya membuat efek marque tersebut, sekaligus membuat teks berkedip-kedip. Artikel ini saya tujukan khusus kepada  new blogger seperti saya. Untuk para masternya, sebaiknya dilewatkan saja.
Kita mulai pembahasan

kita membuatMEMBUAT TEX BERJALAN DENGAN EFEK MARQUE
1. Membuat teks bergerak secara horizontal dari kiri ke kanan
  semisal kita buat tulisan WELCOME TO MY BLOG
codenya seperti ini:
 <marquee>WELCOME TO MY BLOG</marquee>  
dan hasilnya:
WELCOME TO MY BLOG

Untuk membuat teks bergerak bolak balik dari kiri ke kanan atau sebaliknya, maka code html nya adalah sebagai berikut :
<marquee behavior="alternate">WELCOME TO MY BLOG</marquee&gt
dan hasilnya:

WELCOME TO MY BLOG2. Membuat teks bergerak secara vertikal dari bawah ke atas  
   code HTML nya:
<marquee direction="up">WELCOME TO MY BLOG</marquee> 
dan hasil nya:

WELCOME TO MY BLOG

Untuk mebuat teks tersebut bergerak bolak balik secara vertikal, maka perintahnya seperti ini :

<marquee direction="down" behavior="alternate">WELCOME TO MY BLOG</marquee>  
dan hasilnya:


WELCOME TO MY BLOG



3. Membuat kalimat berkedip-kedip

Untuk membuat teks, baik itu kata atau kalimat berkedip kedip, perintahnya seperti ini :

<blink>welcome ti my blog</blink> 
 dan hasilnya:
welcome to my blog

4.Membuat tex bergerak dengan background warna
code html nya seperti ini:
<div style="font-weight: bold;" align="center"><span style="font-size:85%;color:#ffffff;"><marquee black="" direction="right" width=&quot;100%" bgcolor="#ff0000">WELLCOME TO MY BLOG THE SICKNESS  COMMUNITY</marquee></span></div>

hasilnya:

WELLCOME TO MY BLOG THE SICKNESS  COMMUNITY

Lihat yang saya beri warna kuning semua bisa anda rubah:
font-size:85% besar tulisan yang akan di jadikan efek berjalan. 
color:#ffffff;:color warna tulisan dan untuk code warnanya anda bisa memilihdisini
bgcolor="#cccccc":background nya anda juga bisa memilih code warna dengan klick disini
direction="right":arah bergerak dan anda bisa mengubah nya dengan left atau sesuai keinginan anda up dan down
width="100%: panjang letak lokasi untuk pembuiatan efek marque ini.. rubah sesuai keinginan anda


5.Membuat gambar bergerak
Sebelum nya anda harus punya sebuah gambar yang ber url anda bisa upload di www.photobucket.com atau di www.imageshack.com,karena url itu yang akan kita buat code html nya disini dan efek membuat gambar bergerak  ini bisa di pakai untuk menampakkan link teman pada sebuah gadget:
ini code html nya:
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" style="border: 0px solid #000; padding: 5px; text-align: center;" width="150px" height="150px"><a target="_blank" href="http://inspirationsamurai.blogspot.com/"><img border="0" alt="angel&#39;s Blog" src="http://img96.imageshack.us/img96/9974/samux.jpg" /></a>

dan hasil nya
angel's Blog

code itu saya ambil untuk membuat link gambar klo mau membuat gambar saja coba hilangkan code yang saya kasih warna kuning .
dan warna biru adalah url gambar anda.
6.langkah terakhir
untuk memasang nya kita gunakan langkah yang iasa kita lakukan yaitu ------->login ke dasbor----->tata letak ---------> elemen halaman pilih gandet dengan HTML copy code yang anda mau pasang  paste dan save. 

Telah panjang lebar dan berbagai style saya uraikan disini bagaimana memuat tulisan anda bergerak atau yang biasa di sebut efek marque.semoga kita bisa mengambil manfaat nya dan berhubung rokok tinggal sebatang ............ mata juga gak bsa di ajak kompromi see u di artikel selanjut nya brother.


referensi:http://www.sbahry.co.cc/

4 komentar:

  1. apanya B00SS blitar yang pusing kan tinggal ikutin instruksi dan ganti mana yang perlu di ganti,kayak lebar ,warna dsb:-/

    BalasHapus
  2. om,,,,aku pinjem foto and gambar bergerak,,,,aku bikin blm jadi

    BalasHapus
  3. lha naronya dimana mas...?di templatenya apa buat di post baru....maaf masih awam...:D

    BalasHapus

Related Posts with Thumbnails







ShoutMix chat widget



[close]