Cara Membuat Tulisan Bergerak (Marquee) di Blog dengan Mudah

Cara Membuat Tulisan Bergerak (Marquee) di Blog dengan Mudah - Di berbagai blog kadang ada yang terlihat sebuah tulisan bergerak ataupun berjalan baik disisi atas, samping, maupun dibawah. Karena terlihat unik dan menarik, kadang kita penasaran tentang bagai mana cara membuat tulisan bergerak tersebut dan menampilkannya di blog kita? Dalam dunia blog, tulisan bergerak tersebut dikenal dengan sebutan Scrolling Marquee yang menggunakan bahasa HTML untuk membuatnya.

Dari berbagai model dan bentuk tulisan bergerak tersebut dapat kita buat dengan sangat mudah, karena kode perintah sudah tersedia dalam bahas HTML. Nah bila anda ingin mencoba membuatnya, silahkan simak caranya berikut ini.

1. Kode Script dasar HTML untuk membuat tulisan bergerak adalah:

<marquee>TULISAN BERJALAN</marquee>

Hasilnya :

TULISAN BERGERAK

Jika ingin menambahkan variasi gerak lainnya, maka diperlukan kode tambahan yang akan kita bahas dibawah.

2. kode loop="angka|-1|infinite" , kode script ini berfungsi untuk pengaturan proses pengulangan tulisan bergerak.

contoh kode perintah:

<marquee loop="5">TULISAN AKAN BERGERAK 5 KALI LALU MENGHILANG</marquee>

Hasilnya :

TULISAN AKAN BERGERAK 5 KALI LALU MENGHILANG

3. kode scrolldelay="angka" , kode ini digunakan untuk mengatur waktu jeda sesuai "angka" yang diinputkan pada perintah, Jadi bila ingin menunda delay selama 1 detik maka ganti "angka" menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.

Contoh kode perintah:

<marquee scrolldelay="500">TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>

hasilnya :

TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

4.  kode bgcolor="warna" , kode ini digunakan untuk mengatur warna background tulisan berjalan. "warna" dapat diganti menggunakan bahasa Inggris yang menyatakan jenis warna

Contoh perintahnya :

<marquee bgcolor="red">TEXT DENGAN BACKGROUND MERAH</marquee>

hasilnya :

TEXT DENGAN BACKGROUND MERAH

5.   kode scrollamount="angka" , kode digunakan untuk mengatur kecepatan gerakan tulisan. Semakin besar "angka" semakin cepat juga gerakannya.

contoh perintah :

<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>

hasilnya :

Kecepatan Tulisan berjalan 10

Cara Memasang Kode Tulisan Bergerak di Blog

Setelah mengerti cara membuat tulisan bergerak, selanjutnya kita akan menuju bahasana cara memasangnya di blog.Ada dua jenis tempat yang digunakan untuk memasang kode tersebut, yaitu pada widget dan di dalam postingan.

1. memasang kode di widget

• Masuk ke menu Tata Letak ( Layout )
• Klik Tambahkan Gadget
• Pilih gadget HTML / JavaScript
• Masukkan kode marque yang ingin dibuat pada bidang konten
• Simpan

2. memasang kode di postingan ( artikel )

• Pada bidang postingan, Klik mode HTML
• Masukkan kode HTML marquee
• Klik mode Compose untuk kembali melanjutkan postingan lainnya

3. memasang kode di dalam template

• lakukan parse kode HTML marquee terlebih dahulu
• klik menu template di dashboard blogger
• klik Edit HTML
• letakkan kode HTML marquee yang telah diparse pada posisi yang ingin ditampilkan
• save template

Cara Menambahkan Warna, Ukuran Huruf, Jenis Huruf pada Tulisan Bergerak

Dengan menambahkan beberapa kode lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna teks berjalan,

Misalnya kode :
style="font-family:arial; font-size:20px; color:#ffffff;"

font-family:arial;  --> kode untuk mengubah huruf menjadi jenis huruf arial

font-size:20px;   --> kode untuk mengatur besar huruf

color#ffffff;         --> kode untuk mengubah warna huruf

contoh :

&lt;marquee bgcolor=&quot;blue&quot; style=&quot;font-family:arial; font-size:20px; color:#ffffff;&quot;&gt;TEKS BERJALAN WARNA LATAR BIRU&lt;/marquee&gt;

Hasil:

TEKS BERJALAN WARNA LATAR BIRU

Tweet