Home / Uncategories / Cara membuat Tex Berjalan di Blog anda

Cara membuat Tex Berjalan di Blog anda

Edit

atau bisa di lihat di atas di atas header di bawah Navigasi Blog ini ^_^
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 :
  6. Tulisan DisiniBentuk Kodenya :
  7. <marquee>Tulisan Disini</marquee>
  8. Klik Save/Simpan.
  9. 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:
<marquee scrolldelay="300">Cara Membuat Tulisan Berjalan (Dengan Delay 0.3 Detik)</marquee>
Maka akan jadi seperti ini
Cara Membuat Tulisan Berjalan (Dengan Delay 0.3 Detik)
Terlihat bedanya kan dengan yang diatas.

3. Scrollamount (Mengatur kecepatan tulisan)
Ini adalah kebalikan dari scrolldelay. Kalai yang ini adalah untuk mengatur kecepatan laju tulisan. Tag yang digunakan adalah scrollamount="angka yang diinginkan". Semakin besar angkanya, maka akan semakin cepat lajunya.
Kodenya ini:

 Selain bentuk dasar di atas, ada juga kode-kode lainnya yang bisa diselipkan ke kode dasar diatas :
  • bgcolor="Kode HTML Warna" 
    untuk mengganti warna dari text marquee, adapun Kode HTML Warna diganti dengan kode HTML warna sesuka sobat, bisa diisi dengan dengan melihat dulu Kode HTMLnya  atau  bisa klik DISINI
    <marquee bgcolor="red">Tulisan Disini</marquee>

    Tulisan Disini
  • direction="left/right/up/down"
    untuk mengatur arah gerakan text/marquee
    <marquee direction="up">Tulisan Disini</marquee>

    Tulisan Disini
  • behavior="scroll/slide/alternate"
    Untuk mengatur  perilaku gerakan.
    • behavior="scroll"
      Kode untuk membuat text bergerak berputar.
      <marquee behavior="scroll">Tulisan Disini</marquee>

      Tulisan Disini
    • behavior="slide"
      Kode untuk membuat text bergerak sekali lalu berhenti.
      <marquee behavior="slide">Tulisan Disini</marquee>

      Tulisan Disini
    • behavior="alternate" 
      Kode untuk membuat text bergerak bolak-balik kekanan-kekiri.
      <marquee behavior="alternate">Tulisan Disini</marquee>

      Tulisan Disini
  • title="pesan"
    Untuk memberi teks saat mouse berada di atas text.
    <marquee title="Pesan">Tulisan Disini</marquee>

    Tulisan Disini
  • scrollamount="kecepatan"
    untuk mengatur kecepatan text/marquee
    contoh       :        scrollamount="3"
    <marquee scrollamount="3">Tulisan Disini</marquee>

    Tulisan Disini
  • scrolldelay="jumlah waktu tunda"
    untuk mengatur waktu tunda gerakan dalam mili detik
    contoh  : scrolldellay="2"


    
<marquee scrolldellay="2">Tulisan Disini</marquee>

    Tulisan Disini
  • loop="angka|-1|infinite" 
    Mengatur jumlah loop
    <marquee loop="infinite">Tulisan Disini</marquee>

    Tulisan Disini
  • width="jumlah angka lebar"Mengatur lebar blok teks dalam pixel atau persen
    <marquee width="3" >Tulisan Disini</marquee>
    Tulisan Disini
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>Tulisan Disini</marquee>

Kode efek bisa banyak sekali.
1. Jika sobat mau  kalau marquee tsb. jika di sorot mouse akan berhenti maka tinggal menambahkan
    kode dibawah ini : 
onmouseover="this.stop()" onmouseout="this.start()"
 Dengan susunan

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

Jadinya :
Tulisan

2. Jika sobat mau Marquee dengan Link simak sob :
kode Dasar :


<marquee><a href="alamat Web">judul</a>
Dan jika ingin Link nya Banyak
bisa kok : 
Kode Dasar  :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> 
<a href="http://esbepe-sbp.blogspot.com/">cara membuat blog</a><br/> 
<a href="http://esbepe-sbp.blogspot.com/2007/04/bikin-blog.html">Membuat blog </a><br/> 
<a href="http://esbepe-sbp.blogspot.com/2007/08/membuka-program-periklanan.html">Pasang Iklan</a><br/> 
</marquee> 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"> 
<a href="http://esbepe-sbp.blogspot.com/2007/08/membuka-program-periklanan.html">Pasang Iklan </a>
<a href="http://esbepe-sbp.blogspot.com/2007/04/bikin-blog.html">Membuat blog </a><br/> 
<a href="http://esbepe-sbp.blogspot.com/">cara membuat blog</a><br/> 
</marquee>

Jadinya  :



Oke sekian dari saya Cara membuat Tulisan Berjalan Lengkap (Full Marquee),
Semoga Bermanfaat

 Cara membuat tulisan berjalan (Marquee) di blog memang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.

Perlu anda ketahui bahwa kode dasar Marquee adalah..

<marquee>TEKS YANG BERGERAK</marquee>  

Kode diatas menjadi seperti ini
TEKS YANG BERGERAK 
Jadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..

Cara pemasangan kode Marquee pada artikel
  1. Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
  2. Silahkan masukkan kode Marquee di mode HTML
  3. Cek posisi teks di mode Compose
  4. Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 
Cara pemasangan kode Marquee pada widget 
  1. Login ke akun blogger anda
  2. Masuk ke menu Tata Letak, Klik tambahkan gadget
  3. Silahkan pilih HTML/Java Script
  4. Masukkan kode Marquee yang anda pilih
  5. Silahkan klik Simpan
  6. Kemudian silahkan cek apakah kode sudah bekerja.
Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"
  1. Arial adalah jenis huruf
  2. 20px adalah ukuran huruf
  3. #f2f2f2 adalah warna huruf
Silahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS</marquee>

Hasilnya akan terlihat seperti ini..
CONTOH BACKGROUND AREA TEKS

Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya.. 

Kode Marquee untuk mengatur pengulangan Rotasi

kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang.
Contoh kodenya seperti ini:
<marquee loop="6">TEKS BEROTASI 6 KALI</marquee>

Hasilnya akan terlihat seperti ini..
TEKS BEROTASI 6 KALI

Kode Marquee untuk mengatur lebar teks

Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>

Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.

Hasilnya akan terlihat seperti ini
LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG 

Kode Marquee untuk memberi link pada teks

Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://seoterpadu.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

Hasilnya akan terlihat seperti ini..
CARA MEMBUAT TULISAN BERJALAN

Kode Marquee untuk mengatur background pada jalur teks

Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:
<marquee bgcolor="pink">CONTOH BACKGROUND AREA TEKS</marquee>

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain. 

Hasilnya akan terlihat seperti ini
CONTOH BACKGROUND AREA TEKS

Kode Marquee untuk mengatur kecepatan jeda

Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:
<marquee scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK</marquee> 

Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..
TEKS BERJALAN DALAM JEDA 0,75 DETIK

Kode Marquee untuk memberi Alt Title pada area teks berjalan

Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>

Hasilnya seperti ini.. 
TEKS YANG BERJALAN DENGAN PESAN

Kode Marquee untuk mengatur kecepatan teks berjalan

Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:
<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12</marquee> 

Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..
KECEPATAN TEKS YANG BERJALAN 12

Kode Marquee untuk mengatur arah teks bergerak

Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.

Contoh kode nya seperti ini:
<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>

Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.

Hasilnya akan terlihat seperti ini..
TEKS AKAN BERGERAK KE KIRI

Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse

Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee> 

Hasilnya akan terlihat seperti ini..
TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE
Jadi itulah bermacam Marque yang kami sudah Share di sini
Share on Google Plus

About rohmanudin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 comments :

Post a Comment

Subscribe to: Post Comments ( Atom )