Cara Membuat Teks Berjalan Pada Bloger

Posted by: Nova Mulyono in Desain Grafis & Web, Tutorial & Tips September 22, 2012 4 Comments 123 Views

Sering kali kita melihat blog teman-teman yang belum yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. Mungkin sebagian besar belum mengetahuinya. Tapi disini saya akan membahasnya cara pembuatannya lebih lengkap lagi.

Note : yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

Berikut cara pembuatannya :

Langkah 1

Login ke Blog Anda, kemduian isikan alamat e-mail dan password kemudian klik Sign In.

Langkah 2

Kemudian klik Desain pada bagian kanan atas di Blog Anda.

Kemudian klik Tata Letak.

Langkah 4

Kemudian klik Tambah Gadget pada bagian kanan halaman.

Lalu pilih HTML/JavaScript.

Langkah 5

Isikan judul dan isikan juga kode marquee yang anda inginkan pada kolom konten.

Kemudian Klik Simpan dan lihat blog anda.

Silahkan mencoba kode-kode marquee yang lainnya.
Berikut ini ada beberapa contoh marquee teks:
Teks berjalan dari kanan ke kiri:
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
Teks berjalan dari kiri ke kanan:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Teks berjalan bolak balik:
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


Teks berjalan:
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


Teks berjalan dari bawah ke atas:
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


Teks berjalan mondar-mandir:
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


Teks berjalan zig-zag nembus:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
Teks berjalan zig-zag mantul:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
Langkah Selanjutnya adalah mengganti tulisan Contoh Tulisan Berjalan dengan tulisan atau kata-kata yang anda inginkan.
Keterangan :

• direction=”left/right/up/down“: Mengatur arah gerakan teks.
• scrollamount=”angka” à Mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
• behavior=”scroll/slide/alternate” :Untuk mengatur perilaku gerakan diantaranya :
• Scroll: Teks bergerak berputar
• Slide : Teks bergerak sekali lalu berhenti
• Alternate:Teks bergerak dari kiri kekanan lalu balik lagi (bolak-balik)

Fungsi dari :
<center> …………. </center> adalah Mengatur agar tulisan tersebut selalu berada di tengah.

Selamat Mencoba Semoga berhasil.. ^_^