Sabtu, 18 Oktober 2014

MARQUEE (TEKS/GAMBAR BERJALAN)

Huruf berjalan full
                        Cara membuat Tulisan Berjalan Lengkap
 (Full Marquee)
      Apa itu Marquee??? marquee adalah text, gambar atau angka yang dibuat agar bisa berjalan . marquee sendiri berfungsi sebagai style blog kita agar tidak terkesan mati dan terkesan dinamis.
Udah taukan, apa itu marquee, Cara membuatnya mudah kok tinggal ikuti langkah/tutorial berikut:



1.    Login ke akun Blogger Sobat.
2.    Masuk ke Tata Letak.
3.    Klik Tambah Gadget
4.    Pilih tambah HTML/Java Script
5.    Lalu Masukin nih kode-kode Html berikut :

text  Bentuk Kodenya :
<marquee>your text on move </marquee>
6.    Klik Save/Simpan.
7.    Lalu jika Ingin di Edit posisinya tinggal di Drag di posisi yang diinginkan. 
Namun jika sobat, bosan dengan marquee yang hanya itu-itu saja dapat juga lihat dbawah ini:

 Selain bentuk dasar di atas, ada juga kode-kode lainnya yang bisa diselipkan ke kode dasar diatas :


·         bgcolor=" Agar posisi background itu berwarna
Contohnya sebagai berikut :
<marquee bgcolor="red">your text</marquee>


·         direction="left/right/up/down"
untuk mengatur arah gerakan text/marquee
Contoh :
<marquee direction="up">your text</marquee>


·         behavior="scroll/slide/alternate"
Untuk mengatur  perilaku gerakan.
·         behavior="scroll"
Kode untuk membuat text bergerak berputar.
contoh
 <marquee behavior="scroll">your text</marquee>

·         behavior="slide"
Kode untuk membuat text bergerak sekali lalu berhenti.
Terhitung dalam kecepatan milisecond.
contoh
<marquee behavior="slide">your text</marquee>


·         behavior="alternate" 
Kode untuk membuat text bergerak bolak-balik kekanan-kekiri.
Contoh :
<marquee behavior="alternate">your text</marquee>

·         title="your message"
Untuk memberi teks saat mouse berada di atas text
.
·         Contoh :
<marquee title="your message">your text</marquee>


·         scrollamount="kecepatan"
untuk mengatur kecepatan text/marquee
contoh
:
<marquee scrollamount="3">your text</marquee>


·         scrolldelay="jumlah waktu tunda"
untuk mengatur waktu tunda gerakan dalam mili detik
·         contoh  :
      <marquee scrolldellay="2>your text</marquee>

·         loop="angka|-1|infinite" 
Mengatur jumlah loop
contoh:
<marquee loop="infinite">your text</marquee>

·         width="jumlah angka lebar"Mengatur lebar blok teks dalam pixel atau persen
·         contoh :
<marquee width="300px" >your text</marquee>

Dan juga bisa diketahui, bahwa kode-kode diatas adalah kode dasar dari efek-efek dari marquee itu sendiri. Dan, bisa dikombinasikan.
Dengan Susunan :

<marquee(spasi)kode efek1(spasi)kode efek2>your text</marquee>

1. Jika sobat
blogger ingin  kalau marquee tsb. jika di sorot mouse akan berhenti maka tinggal menambahkan
    kode dibawah ini : 

onmouseover="this.stop()" onmouseout="this.start()"
 Dengan susunan seperti berikut :



<marquee onmouseover="this.stop()" onmouseout="this.start()">your text</marquee>



2. Jika sobat mau Marquee dengan Link simak sob :

kode Dasar :


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> 
<a href="https://bagus.sulistijonoo.blogspot.com">cara membuat marquee</a>
 
  Berikut adalah kumpulan kode tentang marquee, jadi dengan marquee kalian bisa membuat blog seakan hidup . demikian tutorial kali ini . semoga bermanfaat salam blogger.


Tidak ada komentar:

Posting Komentar