Cara Membuat Tulisan Berjalan (Marquee) Di Blog Banyak Variasi - Lengkap!!Cara membuat blog blogger dan wordpress, trik SEO dan blog terbaru dari ahli & pakar SEO Indonesia Home Belajar SEO Bisnis Online Blogger Domain Hosting Email Video TutorialHomeBloggerCara Membuat Tulisan Berjalan (Marquee) Di Blog Banyak Variasi - Lengkap!!Cara Membuat Tulisan Berjalan (Marquee) Di Blog Banyak Variasi - Lengkap!!

Cara membuat tulisan berjalan (Marquee) di blogmemang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.

Perlu anda ketahui bahwa kode dasar Marquee adalah..

TEKS YANG BERGERAK

Kode diatas menjadi seperti iniJadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untukpemasangan kode Marqueeini, yaitu untuk Widget dan artikel..

Cara pemasangan kode Marquee pada artikel1. Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML2. Silahkan masukkan kode Marquee di mode HTML3. Cek posisi teks di mode Compose4. Untuk melihat apakah kode berjalan, silahkan klik Pratinjau.Cara pemasangan kode Marquee pada widget1. Login ke akun blogger anda2. Masuk ke menu Tata Letak, Klik tambahkan gadget3. Silahkan pilih HTML/Java Script4. Masukkan kode Marquee yang anda pilih5. Silahkan klik Simpan6. Kemudian silahkan cek apakah kode sudah bekerja.Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalahstyle="font-family:Arial;font-size:20px; color:#800C0C;"1. Arialadalah jenis huruf2. 20px adalah ukuran huruf3. #f2f2f2adalah warna hurufSilahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..CONTOH BACKGROUND AREA TEKS

Hasilnya akan terlihat seperti ini..

Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya..Kode Marquee untuk mengatur pengulangan Rotasikodeloop="angka|-1|infinite"digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang.Contoh kodenya seperti ini:TEKS BEROTASI 6 KALI

Hasilnya akan terlihat seperti ini..

Kode Marquee untuk mengatur lebar teksKodewidth="angka lebar"berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.

Hasilnya akan terlihat seperti iniKode Marquee untuk memberi link pada teksKode dasar seperti ini..onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:CARA MEMBUAT TULISAN BERJALAN

Hasilnya akan terlihat seperti ini..

Kode Marquee untuk mengatur background pada jalur teksKodebgcolor="warna"berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:CONTOH BACKGROUND AREA TEKS

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain.

Hasilnya akan terlihat seperti ini

Kode Marquee untuk mengatur kecepatan jedaKodescrolldelay="angka jeda"berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:TEKS BERJALAN DALAM JEDA 0,75 DETIK

Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..

Kode Marquee untuk memberi Alt Title pada area teks berjalanKodetitle="pesan"berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:TEKS YANG BERJALAN DENGAN PESAN

Hasilnya seperti ini..

Kode Marquee untuk mengatur kecepatan teks berjalanKodescrollamount="angka"berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:KECEPATAN TEKS YANG BERJALAN 12

Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..

Kode Marquee untuk mengatur arah teks bergerak

11

Kodedirection="left/right/up/down"berguna untuk mengatur arah pergerakan teks.

Contoh kode nya seperti ini:TEKS AKAN BERGERAK KE KIRI

Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.

Hasilnya akan terlihat seperti ini..

Kode Marquee untuk mengatur teks berhenti jika dilintasi mouseKode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalahonmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE

Hasilnya akan terlihat seperti ini..