Rabu, 12 Juni 2013

Membuat tulisan berjalan marquee blogspot

 kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:
 

<marquee>TULISAN INI YANG AKAN BERJALAN</marquee>
Hasil tampil TULISAN INI YANG AKAN BERJALAN


Selain kode dasar marquee diatas, tulisan berjalan terdapat beberapa variasi, diantaranya adalah:

Mengubah kecepatan pergerakan dari kecepatan standar.
Anda bisa memakai kode scrolldelay="angka kecepatan", angka kecepatan dalam milidetik, jadi ketika angka kecepatan anda tulis 500, maka jeda pergerakan adalah 500milidetik atau 0.5 detik (setengah detik)
Contoh kode marquee:

<marquee scrolldelay="500">KECEPATAN TULISAN INI DELAY 0.5 DETIK</marquee>

Hasil Tampil KECEPATAN TULISAN INI DELAY 0.5 DETIK

Mengubah media teks yang bergerak.
Kali ini saya akan menggunakan satuan % dalam penerapannya. Anda bisa memakai kode width="lebar bidang", jika anda memakai angka 50% maka area untuk text berjalan akan memakai setengahnya dari lebar bidang yang tersedia. bingung?? kita lihat penerapannya ya...
contoh kode marquee:
 <marquee width="50%">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee>
 Hasil Tampil TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA

Membuat tulisan berjalan dan akan berhenti ketika dilintasi KURSOR MOUSE
Anda bisa memakai kode onmouseover="this.stop()" onmouseout="this.start()", jika tulisan berjalan itu terlintasi kursor mouse komputer maka otomatis tulisan berjalan akan berhenti selama kursor tersebut berada diatas tulisan berjalan tersebut.
Contok kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS</marquee>
Hasil Tampil TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS
 Membuat Link pada tulisan berjalan
Anda bisa menggunakan kode <a href="alamat url link">nama link</a>, jadi ketika tulisan berjalan ini diklik maka akan akan masuk ke link yang sudah ditentukan. Agar maksimal maka penggunaan kode link ini dipadukan dengan kode berhenti ketika kursor melintas dan kode pergerakan dari atas kebawah:
 <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
<a href="http://tem4belajar.blogspot.com">Tempat Belajar</a><br/>
<a href="http://aiva-putra-anugrah.blogspot.com">Belajar Seputar Blogspot</a><br/>
<a href="
aivaputraanugrah1.blogspot.com">Kisah Islami</a></marquee

Contoh kodenya:Hasil Tampil Tempat Belajar
Belajar Seputar Blogspot
Kisah Islami

0 komentar:

Posting Komentar