"Cara Membuat Teks Bergerak DiBlog"
Ketika kita menonton program berita di stasiun Televisi baik itu Trans TV, Metro TV, RCTI, ANTV atau stasiun televisi yang lainnya, kita sering menemukan beberapa berita penting ditampilkan dalam bentuk teks yang berjalan. Teks yang berjalan itu di sebut dengan nama Running Text. Dalam dunia Webmaster, Running Text mempunyai istilah yang lain yaitu "Marquee".
"Marquee"
Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung pada teks itu akan lebih terfokus. Jadi buat sobat blogger yang ingin membuat sebuah pengumuman, pembeitahuan atau catatan penting, sebaiknya menggunakan efek marquee. Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana:
Kode dasar Marquee adalah:
<marquee> TEKS INI BERGERAK </marquee>
Berikut ini kode marquee beserta contohnya:
Jadi, 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 untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..
Cara pemasangan kode Marquee pada artikel :
Cara pemasangan kode Marquee pada widget :
Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks.
Ikuti langkah-lenglah beriku :
Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"
Arial adalah jenis huruf
20px adalah ukuran huruf
#f2f2f2 adalah warna huruf
Silahkan ubah sesuai dengan keinginan anda
Contoh kode nya seperti ini :
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS</marquee>
Hasilnya akan terlihat seperti ini :
Kode Marquee untuk mengatur lebar teks :
Kode width="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 :
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>
Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.
Hasilnya akan terlihat seperti ini :
Kode Marquee untuk memberi link pada teks :
Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti ini :
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://kreasikita32.blogspot.com/2014/05/cara-membuat-teks-bergerak-diblog.html">CARA MEMBUAT TEKS BERGERAK DIBLOG</a></marquee>
Hasilnya akan terlihat seperti ini :
Kode Marquee untuk mengatur background pada jalur teks :
Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.
Contoh kodenya seperti ini :
<marquee bgcolor="pink">CONTOH BACK GROUND AREA TEKS</marquee>
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 jeda :
Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.
Contoh kodenya seperti ini :
<marquee scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK</marquee>
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 berjalan :
Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.
Contoh kodenya seperti ini :
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>
Hasilnya seperti ini :
Kode Marquee untuk mengatur arah teks bergerak
Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.
Contoh kode nya seperti ini :
<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>
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 mouse:
Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti ini :
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee>
Hasilnya akan terlihat seperti ini :
Atau Download Kumpulan kode dasar marquee dibawah ini :
Download_kumpulan_kode_dasar_marquee.rar
Nah demikianlah tadi artikel dari saya semoga bisa bermanfaat untuk kita semua...
"Terima Kasih"
Ketika kita menonton program berita di stasiun Televisi baik itu Trans TV, Metro TV, RCTI, ANTV atau stasiun televisi yang lainnya, kita sering menemukan beberapa berita penting ditampilkan dalam bentuk teks yang berjalan. Teks yang berjalan itu di sebut dengan nama Running Text. Dalam dunia Webmaster, Running Text mempunyai istilah yang lain yaitu "Marquee".
"Marquee"
Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung pada teks itu akan lebih terfokus. Jadi buat sobat blogger yang ingin membuat sebuah pengumuman, pembeitahuan atau catatan penting, sebaiknya menggunakan efek marquee. Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana:
Kode dasar Marquee adalah:
<marquee> TEKS INI BERGERAK </marquee>
Berikut ini kode marquee beserta contohnya:
Jadi, 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 untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..
Cara pemasangan kode Marquee pada artikel :
- Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
- Silahkan masukkan kode Marquee di mode HTML
- Cek posisi teks di mode Compose
- Untuk melihat apakah kode berjalan, silahkan klik Pratinjau.
Cara pemasangan kode Marquee pada widget :
- Login ke akun blogger anda
- Masuk ke menu Tata Letak, Klik tambahkan gadget
- Silahkan pilih HTML/Java Script
- Masukkan kode Marquee yang anda pilih
- Silahkan klik Simpan
- 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 beriku :
Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"
Arial adalah jenis huruf
20px adalah ukuran huruf
#f2f2f2 adalah warna huruf
Silahkan ubah sesuai dengan keinginan anda
Contoh kode nya seperti ini :
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS</marquee>
Hasilnya akan terlihat seperti ini :
Kode Marquee untuk mengatur lebar teks :
Kode width="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 :
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>
Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.
Hasilnya akan terlihat seperti ini :
Kode Marquee untuk memberi link pada teks :
Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti ini :
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://kreasikita32.blogspot.com/2014/05/cara-membuat-teks-bergerak-diblog.html">CARA MEMBUAT TEKS BERGERAK DIBLOG</a></marquee>
Hasilnya akan terlihat seperti ini :
Kode Marquee untuk mengatur background pada jalur teks :
Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.
Contoh kodenya seperti ini :
<marquee bgcolor="pink">CONTOH BACK GROUND AREA TEKS</marquee>
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 jeda :
Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.
Contoh kodenya seperti ini :
<marquee scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK</marquee>
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 berjalan :
Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.
Contoh kodenya seperti ini :
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>
Hasilnya seperti ini :
Kode Marquee untuk mengatur arah teks bergerak
Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.
Contoh kode nya seperti ini :
<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>
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 mouse:
Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti ini :
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee>
Hasilnya akan terlihat seperti ini :
Atau Download Kumpulan kode dasar marquee dibawah ini :
Download_kumpulan_kode_dasar_marquee.rar
Nah demikianlah tadi artikel dari saya semoga bisa bermanfaat untuk kita semua...
"Terima Kasih"
Komentar
Posting Komentar