Cara Membuat tulisan atau Teks Berjalan

Cara membuat tulisan atau teks berjalan sering kita banyak menemui tentunya,sobat Afta juga sering menemui tulisan berjalan dari kiri kekanan,dari atas kebawah,tulisan berjalan bolak balik,naik turun dan sebaliknya yang mondar mandir pada blog,Tulisan atau Teks bergerak yang istilah kerenya MARQUEE digunakan sebagai fariasi yang bertujuan menfokuskan pengunjung untuk melihat dan membaca nya,,karena terkadang sipembuat menyusupkan alamat link dibalik tulisan itu supaya saat anda klik akan membawa anda pada halaman lain,Oke langsung aja kita olah TKP agar saksi tidak menghilang hehe kaya proses identifikasi di kepolisian aja'
Berikut tutorialnya,selamat menyimak:

Cara memasangnya:
A.Pada halaman blog
  1. Login pada Bloger sobat 
  2. Klik rancangan >> Elemen laman >> Tambah gadget >> HTML/Javascript
  3. Masukkan kode marquee dari salah satu tulisan berjalan Dibawah ini
  4. Simpan/Save dan lihat hasilnya
B.Pada Postingan
  1. Copy paste Kode di bawah ini pada HTML jngat bukan pada Compose
  2. LIHAT hasil  Saat Entri Sudak Diterbitkan/Dipublikasikan

1.Tulisan Berjalan Dri Kanan ke Kiri
CODE


<marquee direction="left" scrollamount="2" align="center">Dunia Afta Berbagi</marquee>
HASIL
Dunia Afta Berbagi

2.Tulisan BerJalan dari Kiri ke Kanan
CODE

 <marquee direction="right" scrollamount="2" align="center">Dunia Afta Berbagi</marquee>

HASIL
Dunia Afta Berbagi

3.Tulisan Berjalan Bolak-balik (Mondar Mandir) dari Kiri ke Kanan
CODE

<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Dunia Afta Berbagi</marquee>

HASIL
Dunia Afta Berbagi

4.Tulisan Berjalan Bolak-balik (Mondar mandir) dari Kanan ke Kiri
CODE


<marquee direction="right" scrollamount="2" align="center" behavior="alternate">Dunia Afta Berbagi</marquee>

HASIL
Dunia Afta Berbagi

5.Tulisan Bergerak dari Atas ke Bawah
CODE

<marquee direction="down" scrollamount="2" align="center">Dunia Afta Berbagi</marquee>

HASIL
Dunia Afta Berbagi

6.Tulisan Brgerak dari Bawah ke Atas
CODE

<marquee direction="up" scrollamount="2" align="center">Dunia Afta Berbagi</marquee>

HASIL

Dunia Afta Berbagi


7.Tulisan Bergerak Naik Turun dari Atas Ke Bawah
CODE

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Dunia Afta Berbagi</marquee>

HASIL

Dunia Afta Berbagi

8.Tulisan Bergerak Zig-zag Diagonal Memantul
CODE

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Dunia Afta Berbagi</marquee></marquee></center>

HASIL

Dunia Afta Berbagi


9.Tulisan Bergerak Zig-zag Diagonal Tembus
 CODE


<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Dunia Afta Berbagi</marquee></marquee></center>

HASIL
Dunia Afta Berbagi

10.Tulisan Berkedip
CODE

<blink>Dunia Afta Bebagi</blink>

HASIL
Dunia Afta Bebagi


NEW POS

  1. Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  2. Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  3. Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan. 
  4. Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut


<div style="background:#ba55d3; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
Sisipkan CODE marquee Di Sini
</div>

MENJADI
<div style="background:
#ba55d3; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="right" scrollamount="2" align="center">Dunia Afta Berbagi</marquee></div>



HASIL
Dunia Afta Berbagi

Untuk Memasuk Kan Link/URL pada Tulisan Marquee
Guna saat tulisan/Marquee Anda di Klik akan Membawa pengunjung ke alamat baru
CODE

<div style="background:#00ffff; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="Masukkan link?url anda di sini"/>Dunia Afta Berbagi</a></marquee>
</div>

MENJADI

<div style="background: #00ffff; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee align="center" direction="left" scrollamount="6"><a href="http://duniaafta.blogspot.com/">Dunia Afta Berbagi</a></marquee></div>
HASIL
Coba anda klik tulisan marquee nya maka anda akan saya bawa masuk kedalam halaman baru

INGAK INGAK,,,,,!!!!
Semua tulisan berwarna merah Dunia Afta Berbagi silahkan anda ganti dengan tulisan Anda sendiri Yang mau dibuat Marquee/Tulisan Bergerak
Oke,Sobat Afta itulah sedikit tutorial marquee/tulisan bergerak yang dapat Afta share semoga bermanfaat,

SELAMAT BER BLOGGER RIA

Tidak ada komentar:

Posting Komentar

Langganan: Postingan (Atom)