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 :
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 :
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 :
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
Berikutnya Klik pada widget HTML/Javascript
Masukan kode marquee di kolom HTML/Javascript
Kemudian klik tombol simpan.
mantap bro infonya..
BalasHapusmampir juga ke http://onyexbhu.blogspot.com/
siapa tau agan mau di ajak kerjasama :p
thanks infonya.. :a:
BalasHapus:z:
BalasHapus