Saturday, August 23, 2014

CARA MEMBUAT TEKS BERJALAN DI BLOG ANDA DENGAN MUDAH

 CARA MEMBUAT TEKS BERJALAN DI BLOG

Tulisan berjalan di blog memang bisa mempercantik tampilan blog kita, untuk itu saya akan berbagi kepada kalian tentang Cara Membuat Tulisan Berjalan di Blog. Kalian sering sekali melihat di suatu blog/website yang ada tulisan berjalannya bukan? Nahh.. sekarang saya akan berbagi kepada kalian, berikut caranya :

1. Tulisan bergerak dari kanan ke kiri.

<marquee direction="left" scrollamount="2" align="center"> Tulisan Berjalan</marquee>
Demo 1
Tulisan Berjalan
 
2. Tulisan bergerak dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Tulisan Berjalan </marquee>
Demo 2
Tulisan Berjalan
 
3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Tulisan Berjalan </marquee>
Demo 3
Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Tulisan Berjalan </marquee>
Demo 4 :
Tulisan Berjalan
  5. Teks bergerak dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Tulisan Berjalan </marquee>
Demo 5
Tulisan Berjalan
6. Teks bergerak dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Tulisan Berjalan </marquee>
Demo 6
Tulisan Berjalan
 Cara memasang :
1. Login ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :
Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.

Behavior ( scroll/slide/alternate ) : untuk mengatur prilaku gerakan.
Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Tulisan Berjalan</marquee>
 TERIMA KASIH KARENA SUDAH MENGUNJUNGI BLOG SAYA

Share:

0 comments:

Post a Comment

blog ariel

lazada

Blog Archive

ariel adyatna. Powered by Blogger.

Labels

Blog Archive