Ada banyak cara supaya blog yang kita buat terkesan lebih enak di pandang! seperti halnya dari bentuk template, desain gambar, animasi bergerak sampai jenis tulisan / font, semua itu di desain sedemikian rupa supaya pengunjung blog kita tidak bosan mengunjungi blog kita, kali ini saya adhea ingin berbagi tips dan trik kepada kalian semua mengenai cara membuat tulisan berjalan marquee di blog / website.
Sobat ingin membuat tulisan dengan efek bergerak Marquee?? Ternyata untuk membuat tulisan berjalan itu cukup mudah, hanya dengan mengisi beberapa script HTML biasa saja anda sudah bisa menampilkan tulisan berjalan marquee. Berikut saya ulas mengenai kode dasar marquee :
<marquee>tulisan yang akan berjalan</marquee>Selain kode dasar marquee ada juga kode penambahnya atau kode perintah yang disebut dengan (atribut) kode atribut ini yang nantinya disisipkan pada kode dasar marquee. Berikut contoh kode atribut marquee :
Bgcolor="warna" » Bertujuan mengatur warna background / latar belakang pada teks
Direction="left/right/up/down" » Bertujuan mengatur arah gerakan teks di blog
Behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan
Scroll » Tampilan teks bergerak berputar
Slide » Tampilan teks bergerak sekali kemudian berhenti
Alternate » Tampilan teks bergerak dari arah kiri ke arah kanan kemudian balik lagi ( bolak-balik )
Title="pesan" » Pesan akan muncul saat mouse berada di atas teks
Scrollmount="angka" » Bertujuan mengatur kecepatan gerakan, 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
Agar anda tidak merasa sulit dalam menyusun kode dasar tersebut maka adhea bantu untuk menyusunnya :
Ganti kata "left" dengan keinginan anda yaitu bisa : right, up, down .
Supaya terkesan lebih menarik kode marquee bisa anda tambahkan dengan kode javascript, apabila pointer mouse di arahkan ke teks maka tulisan akan berhenti, seperti code javascript onmouseover="this.stop()" onmouseout="this.start()"
Code marquee yang sudah di sisipkan Code javascript :
Hasil tulisan bergerak :
Penbahsan ditas adalah beberapa contoh variasi code marquee yang bisa sobat buat, silahkan sobat otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.
Cara memasang script tulisan berjalan marquee di blog :
Jika sobat bertanya, dimana sih script tulisan berjalan itu dipasang? Oke setelah anda paham tutorial cara membuat tulisan berjalan diatas, 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 code marquee.
3. Anda bisa memasang tulisan bergerak di postingan artikel blog atau di tata letak.
Contoh gambar :
Nah sudah selesai, sekarang sobat bisa lihat hasil tulisan berjalannya! kalo berhasil adhea minta sedikit komentar & sharenya ya gan..
Direction="left/right/up/down" » Bertujuan mengatur arah gerakan teks di blog
Behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan
Scroll » Tampilan teks bergerak berputar
Slide » Tampilan teks bergerak sekali kemudian berhenti
Alternate » Tampilan teks bergerak dari arah kiri ke arah kanan kemudian balik lagi ( bolak-balik )
Title="pesan" » Pesan akan muncul saat mouse berada di atas teks
Scrollmount="angka" » Bertujuan mengatur kecepatan gerakan, 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
Agar anda tidak merasa sulit dalam menyusun kode dasar tersebut maka adhea bantu untuk menyusunnya :
<marquee align="center" direction="left" height="100" scrollamount="2" width="40%"> marquee dari kanan ke kiri </marquee>Hasil tulisan bergerak :
Ganti kata "left" dengan keinginan anda yaitu bisa : right, up, down .
Supaya terkesan lebih menarik kode marquee bisa anda tambahkan dengan kode javascript, apabila pointer mouse di arahkan ke teks maka tulisan akan berhenti, seperti code javascript onmouseover="this.stop()" onmouseout="this.start()"
Code marquee yang sudah di sisipkan Code 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 :
Penbahsan ditas adalah beberapa contoh variasi code marquee yang bisa sobat buat, silahkan sobat otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.
Cara memasang script tulisan berjalan marquee di blog :
Jika sobat bertanya, dimana sih script tulisan berjalan itu dipasang? Oke setelah anda paham tutorial cara membuat tulisan berjalan diatas, 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 code marquee.
3. Anda bisa memasang tulisan bergerak di postingan artikel blog atau di tata letak.
Contoh gambar :
Berikutnya Klik Tambah Gadget
Berikutnya Klik pada widget HTML/Javascript
Masukan kode marquee di kolom HTML/Javascript
Kemudian klik tombol simpan.