Jumat, 08 Februari 2013

Cara Membuat Teks Berjalan di Blog

Postingan ini sengaja saya persembahkan lagi buat para teman-teman blogger pemula yang ingin membuat teks berjalan, berjalannyapun bisa bervariasi sesuai selera kamu : ada yang berjalan dari kiri ke kanan, dari kanan ke kiri, dari atas ke bawah, mantul ke kiri dan kanan dan lain-lain, untuk lebih jelasnya, lihat contoh-contoh di bawah :

1. Tulisan bergerak dari kanan ke kiri
CONTOHNYA SEPERTI INI

2. Tulisan bergerak dari kiri ke kanan
CONTOHNYA SEPERTI INI

3. Tulisan bergerak mantul dari kiri ke kanan dan sebaliknya
CONTOHNYA SEPERTI INI

4. Tulisan bergerak mantul dari kanan ke kiri dan sebaliknya
CONTOHNYA SEPERTI INI

5. Tulisan bergerak dari atas ke bawah
CONTOHNYA SEPERTI INI

6. Tulisan bergerak dari bawah ke atas

CONTOHNYA SEPERTI INI
7. Tulisan bergerak mantul dari atas ke bawah
CONTOHNYA SEPERTI INI
8. Tulisan bergerak mantul secara silang atau diagonal

CONTOHNYA SEPERTI INI
9. Tulisan bergerak mantul secara silang atau diagonal dan menerobos

CONTOHNYA SEPERTI INI

Cara membuatnya :
1. Login ke akun blog kamu
2. Klik Rancangan>>>pilih Tata Letak>>>klik Tambah gadget  

    >>>pilih HTML/Javascript
3. Pilih dan copy paste kode script marquee dari salah satu tulisan  
    berjalan diatas
4. Klik pratinjau untuk mencoba melihat hasilnya
5. Klik Simpan
6. Selesai


Inilah kode script marquee dari contoh 1 - 9 !
Kode Script Marquee Contoh No. 1
<marquee direction="left" scrollamount="2" align="center">GANTI TEKS INI</marquee>
 

Kode Script Marquee Contoh No. 2 
<marquee direction="right" scrollamount="2" align="center"> GANTI TEKS INI</marquee>  

Kode Script Marquee Contoh No. 3
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
 
Kode Script Marquee Contoh No. 4

 <marquee direction="right" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
 
Kode Script Marquee Contoh No. 5 

<marquee direction="down" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
 

Kode Script Marquee Contoh No. 6
<marquee direction="up" scrollamount="2" align="center"> GANTI TEKS INI</marquee> 

Kode Script Marquee Contoh No. 7
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
 
Kode Script Marquee Contoh No. 8

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">GANTI TEKS INI </marquee></marquee></center>
 

Kode Script Marquee Contoh No. 9
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">
GANTI TEKS INI</marquee></marquee></center>

Catatan :
-  Teks yang berwarna merah, silahkan ganti dengan teks sesuai 

   keinginan kamu
-  Direction : untuk mengatur pola gerakan teks (left, right, up 
   dan down)
-  Scrollamount : untuk mengatur speed/kecepatan gerakan teks. 
   semakin tinggi angkannya semakin cepat dan sebaliknya. Untuk 
   mencoba, silahkan ganti angkanya.
-  Behavior (scroll/slide/alternate) : untuk mengatur prilaku 
   gerakan. 

Sekian postingan dari saya, semoga bermanfaat dan blog kamu semakin atraktif.

2 komentar:

Wah cocok nih buat ane yang masih newbie

Posting Komentar

Silahkan berkomentar yang membangun dan penuh inspirasi :

 
back to top