CARA MEMBUAT MARQUEE ATAU TEKS BERGERAK DI BLOGSPOT

Setelah anda cukup memahami apa yang telah saya jelaskan sebelumnya, yaitu mengenai Cara Bikin Website, Cara Memulai Posting, Cara Mengedit Posting dan Pengaturan, Cara Membuat Read More, dan Cara Membuat Menu Navigasi. Maka untuk selanjutnya ini saya ingin menjelaskan lagi mengenai cara membuat marquee. Marquee adalah sebutan untuk teks yang bergerak atau berjalan, bisa dari kiri ke kanan atau dari bawah ke atas, tergantung pada kesukaan yang membuatnya. Marquee ini juga bisa menambah tampilan website anda jadi lebih variatif dengan teks bergerak.

Sebenarnya membuat marquee itu tidaklah terlalu susah, karena hanya menggunakan kode pembuka < marquee> dan kode penutup < /marquee>. Jika anda menyisipkan kode di antara kode pembuka dan penutup, maka teks yang anda sisipkan pada blog tersebut akan ditampikan sebagai Marquee.

1. Contoh kode marquee yang bergerak dari kiri kanan sebagai berikut:
< marquee direction=”left”>Selamat Datang di Website Pondok – Belajar Web< /marquee>

Lihat hasilnya sebagai berikut :
Selamat Datang di Website Pondok – Belajar Web

2. Contoh kode marquee yang bergerak dari bawah ke atas sebagai berikut:
< marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”3″ direction=”up” width=”400″ height=”100″ >Selamat Datang di Website Pondok – Belajar Web
Selamat Datang di Website Pondok – Belajar Web
Selamat Datang di Website Pondok – Belajar Web
Selamat Datang di Website Pondok – Belajar Web< /marquee>

Lihat hasilnya akan nampak sebagai berikut :

Selamat Datang di Website Pondok – Belajar Web
Selamat Datang di Website Pondok – Belajar Web
Selamat Datang di Website Pondok – Belajar Web
Selamat Datang di Website Pondok – Belajar Web

Keterangan :
a. direction, adalah kode yang digunakan untuk mengatur arah gerakan teks. Jika anda ingin membuat teks bergerak ke arah kanan, maka sisipkan kode “right” demikian seterusnya kepada kode “left” (kiri), “up”(atas), “down”(bawah). Penyisipan kode dimulai dengan tanda = dan tanda ”

b. scrollamount= adalah perintah kecepatan gerakan teks, jika anda ingin gerakan teks lebih cepat maka anda perbesar saja jumlah angkanya. Demikian pula sebaliknya jika anda ingin memperlambatnya maka diperkecil saja jumlah angkanya.

c. width: adalah perintah untuk membuat lebar ruang teks. Anda bisa menyesuaikan lebar ruang teks jika teks yang anda gunakan tidak mencukupi.

d. height: yaitu untuk ukuran tinggi ruang teks.

e. onmouseover=”this.stop()” dan onmouseout=”this.start()” adalah kode yang digunakan untuk menghentikan teks sejenak disaat panah mouse diarahkan ke teks tersebut dan teks akan bergerak kembali apabila panah mouse tersebut dijauhkan dari teks.

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>