Cara Membuat Tulisan Berjalan Marquee Text Di Blog
Kita pahami dulu kode dasar untuk membuat Marquee text, yaitu seperti berikut: <marquee> Silahkan masukkan Isi Tulisan yang Mau di Tampilan </marquee>
Contoh menjadi seperti ini :
Jika Anda sudah tahu kode dasarnya, sekarang bagaimana cara memasang kode ini di blogger. Bisa kita pasang di artikel/postingan atau tambah gadget melalui Tata Letak. Cara memasang kode Marquee pada artikel/postingan:
1. Silakan ubah dari Mode Compose ke mode HTML
2. Masukkan kode Marquee di mode HTML
3. Sekarang klik/pindah di mode compose dan untuk melihat hasilnya, klik pratinjau.
Cara memasang kode Marquee pada widget :
1. Masuk ke menu Tata Letak, lalu klik tambah gadget/add gadget
2. Pilih HTML/Java Script dan masukkan kodenya, lalu Simpan.
Untuk mempercantik, kita bisa mengubah warna, jenis huruf, dan ukuran teks: Berikut bermacam kode Marquee yang bisa anda pakai:
Keteranngan :
style="font-family: Arial; font-size:20px; color:#00FF66;"
Arial ---> adalah jenis huruf yang anda inginkan
20px ---> adalah ukuran huruf
#00FF66 ---> adalah warna huruf
Silakan lihat contoh berikut untuk membuat kodenya.<marquee bgcolor="red" style="font-family: Arial; font-size:20px; color:#00FF66;">WARNA BACKGROUND UNTUK TEKS MARQUEE</marquee>
Di bawah ini adalah hasil dari kode di atas, mudah bukan ...!!
Silakan gunakan kode berikut untuk pilihan yang ingin anda gunakan:1. Kode untuk pengulangan Rotasi
<marquee loop="5">TEKS AKAN BEROTASI 5 KALI</marquee> sebaga Contoh di bawah ini :
Keterangan :
Silakan ganti pada angka 5, teks akan hilang setelah berjalan 5 kali.
2. Kode untuk mengatur lebar teks
<marquee width="50%">LEBAR TEKS YANG BERJALAN UNTUK SETENGAH BIDANG</marquee>
Contoh seperti tampilan di bawah ini :
Keterangan :
Silakan ganti pada angka 50%
3. Kode membuat link pada Marquee teks
Jika anda klik pada teks berjalan, maka akan diarahkan ke link yang anda masukkan.
Kode dasar adalah sbb:onmouseover="this.stop()"
onmouseout="this.start()"
Untuk penerapan, contohnya sbb:<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://musttrie-art.blogspot.com/p/daftar-isi.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee
Keterangan :
Silahkan ganti kode http://musttrie-art.blogspot.com/p/daftar-isi.html
4. Kode untuk memberikan warna background pada jalur teks
Sebagai contoh kode, adalah sebebagai berikut :<marquee bgcolor="blue">CONTOH BACKGROUND AREA TEKS</marquee>
Keterangan :
Silakan ganti kode warnanya.5. Kode scrolldelay, untuk mengatur kecepatan/waktu jeda (milidetik)
Contoh kodenya adalah : <marquee scrolldelay="500">JEDA TEKS BERJALAN ADALAH 0,50 DETIK</marquee>
Keterangan :
Anda bisa ganti angka 500
6. Kode untuk memberi pesan saat kursor diarahkan pada area teks
Contoh Kodenya : <marquee title="TEKS PESAN MUNCUL SAAT KURSOR SOROT TEKS">TEKS BERJALAN BERISI PESAN</marquee>
7. Kode untuk mengatur kecepatan teks berjalan
Contoh kode : <marquee scrollamount="10">INI PADA KECEPATAN TEKS BERJALAN 10</marquee>
Keterangan :
Silakan ganti angka 10. Semakin besar angka semakin cepat teks berjalan.
8. Kode untuk mengatur arah teks bergerak (kiri, kanan, atas, bawah)
Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks. Contoh kode adalah sbb:<marquee direction="left">TEKS BERJALAN KE KIRI</marquee>
Keterangan :
Ganti left sesuai yang diinginkan.
9. Kode untuk mengatur teks berhenti saat dilintasi mouse.
Onmouseover="this.stop()" onmouseout="this.start()".
Ini adalah contoh kode:<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">INI CONTOH TEKS BERGERAK KE KIRI DAN BERHENTI SAAT DILINTASI MOUSE</marquee>
Demikian artikel Cara Membuat Tulisan Berjalan Marquee Text Di Blog mudah-mudahan artikel ini bermanfaat dan mudah untuk diterapkan pada Blog sobat. Selamat bereksperimen dan terus melakukan yang terbaik bagi semua, kita jumpa di lain waktu.
Selamat Mencoba Terimakasih
Untuk penerapan, contohnya sbb:<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://musttrie-art.blogspot.com/p/daftar-isi.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee
Keterangan :
Silahkan ganti kode http://musttrie-art.blogspot.com/p/daftar-isi.html
4. Kode untuk memberikan warna background pada jalur teks
Sebagai contoh kode, adalah sebebagai berikut :<marquee bgcolor="blue">CONTOH BACKGROUND AREA TEKS</marquee>
Keterangan :
Silakan ganti kode warnanya.5. Kode scrolldelay, untuk mengatur kecepatan/waktu jeda (milidetik)
Contoh kodenya adalah : <marquee scrolldelay="500">JEDA TEKS BERJALAN ADALAH 0,50 DETIK</marquee>
Keterangan :
Anda bisa ganti angka 500
6. Kode untuk memberi pesan saat kursor diarahkan pada area teks
Contoh Kodenya : <marquee title="TEKS PESAN MUNCUL SAAT KURSOR SOROT TEKS">TEKS BERJALAN BERISI PESAN</marquee>
7. Kode untuk mengatur kecepatan teks berjalan
Contoh kode : <marquee scrollamount="10">INI PADA KECEPATAN TEKS BERJALAN 10</marquee>
Keterangan :
Silakan ganti angka 10. Semakin besar angka semakin cepat teks berjalan.
8. Kode untuk mengatur arah teks bergerak (kiri, kanan, atas, bawah)
Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks. Contoh kode adalah sbb:<marquee direction="left">TEKS BERJALAN KE KIRI</marquee>
Keterangan :
Ganti left sesuai yang diinginkan.
9. Kode untuk mengatur teks berhenti saat dilintasi mouse.
Onmouseover="this.stop()" onmouseout="this.start()".
Ini adalah contoh kode:<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">INI CONTOH TEKS BERGERAK KE KIRI DAN BERHENTI SAAT DILINTASI MOUSE</marquee>
Demikian artikel Cara Membuat Tulisan Berjalan Marquee Text Di Blog mudah-mudahan artikel ini bermanfaat dan mudah untuk diterapkan pada Blog sobat. Selamat bereksperimen dan terus melakukan yang terbaik bagi semua, kita jumpa di lain waktu.
Selamat Mencoba Terimakasih
0 comments:
Post a Comment