Rabu, 20 Februari 2013

Membuat Tulisan Berjalan di Blog

Sebelum kita membahasnya alangkah baiknya kita mengetahui terlebih dahulu apa yang dimaksud dengan marquee..?
Marquee adalah suatu program HTML untuk Membuat Teks bisa bergerak atau berjalan.

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Berikut Cara Membuat Tulisan Berjalan di Blog :
  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :
Untuk Yang bergerak kekanan :
CODE:
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>
Contoh:
Bergerak kekanan !
Keternagan :
Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left" 


Untuk Yang Ke Kanan dan Kekiri
CODE:
<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>
Contoh:
Ke Kanan dan Kekiri ??

Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak
CODE:
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>
Contoh:
Bergerak kekanan Perlahan !

Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop
CODE:
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>
Contoh:
Ke Kanan dan Kekiri Dan Bisa Di stop??

Untuk Yang Bergerak Ke Atas
CODE: 
<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>
Contoh:
Bergerak Ke Atas

Untuk Yang Bergerak Ke Atas dan Ke bawah
CODE: 
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>
Contoh:
Bergerak Ke Atas dan Ke bawah
Note : 
Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....

Semoga membantu

1 komentar:

  1. hati-hati, blog anda ini dalam pengawasan pemilik artikel asli, blog anda terlalu banyak artikel copy paste tanpa menyertakan link sumbernya

    BalasHapus

 
animasi  bergerak gif
My Widget
;