Home » » Cara membuat tulisan berjalan marquee di blog

Cara membuat tulisan berjalan marquee di blog

Written By Unknown on Selasa, 18 Juni 2013 | 02.21

Banyak cara agar blog yang kita buat terkesan lebih indah! baik itu dari bentuk template, desain gambar, animasi bergerak hingga bentuk font, semua itu di rangkai sedemikian rupa agar pengunjung blog tidak bosan bosannya membaca artikel blog kita, kali ini adhea ingin berbagi tips untuk kalian semua tentang cara memperindah blog dengan tulisan berjalan marquee.


Untuk membuat tulisan berjalan itu sangatlah mudah, hanya dengan cara menyisipkan sedikit script HTML biasa anda sudah bisa menampilkan tulisan berjalan marquee. Berikut saya tampilkan kode dasar marquee :

<marquee>tulisan yang akan berjalan</marquee>

Selain kode dasar marquee ada juga kode tambahan atau kode perintah yang disebut dengan (atribut) kode atribut ini yang nantinya disisipkan pada kode dasar marquee. Berikut contoh kode atribut marquee :

Bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks
Direction="left/right/up/down" » Mengatur arah gerakan teks
Behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan
Scroll » teks bergerak berputar
Slide » teks bergerak sekali lalu berhenti
Alternate » teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )
Title="pesan" » Pesan akan muncul saat mouse berada di atas teks
Scrollmount="angka" » mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.
Scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik
Loop="angka|-1|infinite" » Mengatur jumlah loop
Width="lebar" » Mengatur lebar blok teks dalam pixel atau persen


Supaya anda tidak merasa kesulitan dalam penyusunan kode dasar dan kode atribut mari adhea bantu untuk menyusunnya :

<marquee align="center" direction="left" height="100" scrollamount="2" width="40%"> marquee dari kanan ke kiri </marquee>

Hasil tulisan bergerak :

marquee dari kanan ke kiri

Ganti kata "left" dengan keinginan anda yaitu bisa : right,  up, down .


Agar terkesan lebih menarik kode marquee bisa di tambahkan dengan kode javascript, apabila pointer mouse di arahkan maka tulisan akan berhenti, seperti code javascript onmouseover="this.stop()" onmouseout="this.start()" 


Berikut kode marquee yang sudah di sisipkan kode javascript :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href="http://www.adhea-putra.blogspot.com/">cara membuat blog</a><br/><a href="http://www.adhea-putra.blogspot.com/">Membuat blog </a><br/> <a href="http://www.adhea-putra.blogspot.com/">Pasang Iklan </a><br/></marquee>

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"><a href="http://www.adhea-putra.blogspot.com/">Pasang Iklan </a>  <a href="http://www.adhea-putra.blogspot.com/">Membuat blog </a><br/>   <a href=" http://www.adhea-putra.blogspot.com/">cara membuat blog</a><br/></marquee>


Hasil tulisan bergerak :

Cara membuat blog
Membuat blog 
Pasang Iklan
  Pasang Iklan 
Membuat blog 
Cara membuat blog
   


Itu adalah beberapa contoh variasi kode marquee yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.


Cara memasang script tulisan berjalan marquee di blog :

Mungkin anda akan bertanya, dimana script tulisan berjalan itu dipasang? Oke setelah anda paham logika cara membuat tulisan berjalan, mari sekarang kita bahas mengenai cara memasang script tulisan berjalan marquee di blog :

1. Login ke blogger.
2. Pilih salah satu blog mana yang akan anda sisipkan srcript marquee.

3. Anda bisa memasang tulisan bergerak di postingan artikel blog atau di tata letak.


Contoh gambar :



Berikutnya Klik Tambah Gadget 

cara membuat tulisan berjalan di blog, cara membuat animasi berjalan di blog, cara membuat tulisan cantik di blog, cara memperindah tulisan blog dengan marquee



Berikutnya Klik pada widget HTML/Javascript 





Masukan kode marquee di kolom HTML/Javascript


kode marquee




Kemudian klik tombol simpan.

Nah sudah selesai, sekarang anda bisa lihat hasil tulisan berjalannya! kalo berhasil adhea minta sedikit komentar & sharenya ya gan.... ^^

3 komentar:

Diberdayakan oleh Blogger.