MEMBUAT TEKS BERJALAN (MARQUEE) Di BLOG

Posted By ~Tekno ./Daeng_ on Wednesday 25 May 2016 | 22:50:00


Kita sering kali melihat beberapa text berjalan/running text di tv ataupun di blog saya ini,hehehe tepatnya di bawah header. Nah kali ini saya akan memberitahukan cara membuat teks berjalan di blog, tentunya menggunakan HTML. Kita biasa membuat teks berjalan dengan menggunakan tag <marquee></marquee> .itu adalah perintah tag untuk membuat teks bisa berjalan.
Beberapa teknik marquee bisa kita jalankan di blog, cara untuk menjalankan teks berjalan di blog ada dua cara yaitu:

1. Pasang di POST

  • Pilih mode HTML saat ingin nge-post
  • masukkan kode html marquee
  • kembali ke compose untuk melanjutkan postingan anda.
2. Pasang di WIDGET

  • Klik menu TATA LETAK
  • Pilih tambahkan GADGET
  • Pilih Gadget HTML/javascript
  • masukkan kode Marquee
  • simpan/save

Jika anda belum tahu teknik pengkodean marquee maka sudah tugas saya sebagai penulis memberihu anda hehehehe, silahkan si simak kodenya:

1.Teknik Dasar Marquee


  BLOBOCER


 kodenya adlah <marquee>BLOBOCER</marquee>, kode ini dasar dari text bergerak, yahh jadi biasa biasa ajalah.


2.Scrolldelay Marquee


BLOBOCER

Teknik pengkodean ini untuk mengatur waktu delay dari teks contoh kodenya <marquee scrolldelay="waktu/angka">BLOBOCER</marquee> , jika kita ingin menunda delay waktu 1 detik maka kita masukkan 1000 dan jika kita ingin delaynya 0,5 kita masukkan 500.

3.loop marquee


BLOBOCER

dimana kode iini berfungsi untuk membuat teks berjalan sesuai yang kita inginkan , contoh kode: <marquee loop="10">BLOBOCER</marquee> , maka teksnya akan berjalan 10 kali, lalu berhenti/menghilang.

4.Background color pada teks marquee


BLOBOCER

kode ini akan memberikan warna pada backgroud teks, contoh kodenya: <marquee bgcolor="red">BLOBOCER</marquee>.

5. Scrollamount marquee


BLOBOCER

kode ini untuk mengatur kecepatan teks, contoh kodenya :<marquee scrollamount="15">BLOBOCER</marquee> maka teks akan berjalan 15 kali lebih cepat dari defaultnya.

6. Direction Marquee



BLOBOCER


kode ini akan menntukan arah gerak pada teks contoh kodenya <marquee direction="up">BLOBOCER</marquee> maka teks nya akan geraak ke atas, jika turun ganti dengan "down", kiri "left", kanan "right" contoh gerak bawah:


BLOBOCER


contoh kodenya: <marquee direction="down">BLOBOCER</marquee>.

7. Title Marquee



BLOBOCER

kode ini berfungsi untuk menampilkan pesan ketika cursor mouse di dekatkan pada teks. dan pesan yang keluar adalah "ALAMSYAH", sesuai dengan yang kita ingin tampilkan.
contoh kode: <marquee title="ALAMSYAH">BLOBOCER</marquee>

8. width Marquee



BLOBOCER

kode ini digunkan untuk menampilkan lebar/width pada media peletakkan teks berjalan,
contoh kode: <marquee width="80%">BLOBOCER</marquee>.

9. Behavior Marquee


BLOBOCER
BLOBOCER

kode ini digunakan untuk mengatur jenis gerakan seperti


  • scroll jika ingin bergerak di satu sisi
  • alternate jika ingin memantul.
contoh kode:
<marquee behavior="scroll">BLOBOCER</marquee>
<marquee behavior="alternate">BLOBOCER</marquee>

10. Onmoueseover dan onmouseOut



BLOBOCER


kode ini berfungsi jika kursor mouse mengenai teks marquee maka akan berhenti, jika tidak mengenainya maka akan tetap berjalan.
Contoh kode:<marquee behavior="alternate onmouseover="this.stop()" onmouseout="this.start()">BLOBOCER</marquee>

11. Link Marquee



BLOBOCER



Kode ini berfungsi untuk link , ketika teksnya di klik maka kita akan ke link yang ditunjukkan sang penulis kode.
contoh kode:<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://www.blogger.com/profile/14475372430456963451">BLOBOCER</a></marquee>

seperti inilah kode kode marquee, sekarang ayo buat blog kalian jadi lebih indah menggunakan teks berjalan ,jangan lupa tinggalkan koment kalian.
Blog, Updated at: 22:50:00

0 komentar:

Post a Comment

About Me

My photo
Di blog ini banyak memberikan artikel tentang pemprograman, teknologi elektronika, teknologi komputer, serta informasi game, informasi software dan info - info unik lainnya. mempunyai misi untuk mencerdaskan para pembaca, sesuai namanya BLOBOCER (BLOG BOCAH CERDAS).
Powered by Blogger.