Cara Membuat Text Berjalan/Bergerak pada Blogspot

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Text Berjalan/Bergerak pada Blogspot.

Bagaimana membuat text bisa bergerak dan berjalan dari kiri ke kanan atau dari kanan kekiri. yang biasanya sering kita sebut dengan Membuat  efek Marquee pada blog....
trik code ini bisa ditaruh pada widget / sidebar blog maupun posting - an blog / entri..
berikut tutorial nya...  

• Kode untuk text bergerak (dari kiri ke kanan adalah)

<marquee>Contoh scrolling text</marquee>

Hasil untuk kode ini seperti berikut:

Contoh scrolling text
 

• Untuk mengubah gerakan,

Tambahkan code berikutl.

direction="left"
direction="right"
direction="up"
direction="down"

Berikut contoh kode penambahan untuk pegerakan dari kanan ke kiri

<marquee direction="right" >Contoh scrolling text</marquee>

Hasil untuk kode ini adalah

Contoh scrolling text
 

• Ubah warna background

Untuk ubah background, bisa diletakkan kode berikut

bgcolor="#kod warna" . Untuk mencari kode warna silahkan cari Disini

Baca Juga

• Cara Menampilkan Widget Hanya di Halaman Depan Saja
• Cara Menampilkan Foto di Komentar Blog
• Cara Menampilkan Seluruh Postingan Blog pada Label Jika di Klik
• Cara Menampilkan Widget di Halaman Tertentu
• Cara Membuat Tepi Gambar Bershadow Dengan CSS 3
• Cara Mengembalikan Navbar Blog yang Hilang pada Blog
• Cara Menampilkan Ip Adress Untuk Pengunjung Blog
• Cara Membuat Kotak Tukeran Link pada Blog / Menggunakan Scroll

Contoh kode yang diberi background,

<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Hasil untuk kode ini adalah

Contoh scrolling text

• Yang ini ber gerak kanan-kiri.

Tambahkan kode berikut

behavior="alternate"

Contoh kode yang diletakkan pada trick ini.

<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Output untuk kod ini :

Contoh scrolling text

• Ubah kecepatan bergerak pada text yang bergerak. 

Kecepata text juga dapat diubah dengan menambah kode berikut pada code paling atas sendiri.

scrollamount="2"

Contoh kode pada trick blog .

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>

Output:

Contoh scrolling text

• Pause / berhenti apabila cursor diarahkan pada text. 

Perkataan yang bergerak juga dapat dihentikan apabila cursor diarahkan pada text. agar pengunjung mudah untuk membaca isi dari text yang dimasukkan.

Penambahan kode yang perlu dilakukan adalah :

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kode pada blog seperti ini trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>

Output untuk trick ini.

Contoh scrolling text

Demikian blogger tutorial mengenai Cara Membuat Text Berjalan/Bergerak pada Blogspot. 

Semoga bermanfaat dan semoga berhasil. 
Terima Kasih ^_^