Cara Membuat Variasi Text Berjalan (Marquee) di Blog

Posted by Unknown Wednesday, August 21, 2013 0 komentar
Dewasa ini, Blog seakan-akan telah merambah menjadi sarana & media seseorang dalam berbagi informasi antar sesama. Di samping itu, dalam penyebaran suatu informasi ini, terkadang disertai/disisipi pula dengan berbagai variasi efek-efek pada halaman Blog. Salah satunya ialah Efek Text Running (Marquee) pada halaman Blog
Sekedar menambahkan, Text Running ini merupakan efek dimana memuat perintah pada Tulisan/Text yang sobat kehendaki sehingga menghasilkan efek berjalan pada halaman blog sobat. Secara umum script dasar efek marquee ini dapat didefinisikan sebagai berikut

<marquee>Text yang sobat kehendaki</marquee>
Hasilnya:

Text yang sobat kehendaki

Dewasa ini, penggunaan Text Running ini, umumnya hanya berorientasi dalam menambah kesan ataupun daya tarik & variasi lain terhadap visitor suatu Blog. Untuk itu, apabila sobat menghendaki membuat/menerapkan efek maquee ini, berikut langkahnya. 
  1. Login ke Blogger dengan Akun sobat
  2. Apabila sobat menghendaki menerapkan efek marquee ini pada halaman posting/artikel sobat, Klik Entri baru.
  3. Klik Mode HTML. Apabila sobat menghendaki menerapkan efek ini dalam wujud widget di sidebar, Klik Tata Letak/Tambah Gadget/Tambah JavaScript/HTML.
  4. Masukkan script yang saya telah sediakan berikut
Namun, supaya lebih jelas dalam pembuatan efek marquee ini, saya akan sedikit mengulas dalam modifikasi huruf, warna serta ukuran font yang akan kita terapkan dalam efek ini. Berikut uraiannya
Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut.. - See more at: http://seoterpadu.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html#sthash.3cXsxP1W.dp

style="font-family: Arial; font-size:20px; color:#800C0C;"
  1. Arial adalah jenis huruf
  2. 20px adalah ukuran huruf
  3. #f2f2f2 adalah warna huruf
- See more at: http://seoterpadu.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html#sthash.3cXsxP1W.dpuf
bgolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;"

- Arial merupakan jenis huruf yang nantinya dapat sobat diterapkan
- 20px merupakan ukuran huruf yang nantinya dapat sobat diterapkan
- #800C0C merupakan warna huruf yang nantinya dapat sobat diterapkan
- pink merupakan warna background huruf

Variasi Efek Marquee

- Efek Marquee dengan Background
  1.  Copy Paste script berikut. Atur text "pink" sesuai dengan keinginan sobat

style="font-family: Arial; font-size:20px; color:#800C0C;"
  1. Arial adalah jenis huruf
  2. 20px adalah ukuran huruf
  3. #f2f2f2 adalah warna huruf
<marquee bgcolor="pink">Teks Sobat</marquee>
Hasilnya:

Teks Sobat
- Efek Marquee dengan Pesan Text Muncul saat jalur Text dikenai kursor
  1. Copy Paste script berikut. Atur text "Pesan yang muncul" sesuai dengan keinginan sobat

<marquee title="Pesan yang muncul">Teks Sobat</marquee>
Hasilnya:

Teks Sobat

- Efek Marquee dengan Kecepatan tertentu
  1. Copy Paste script berikut. Atur text "14" sesuai dengan kecepatan yang sobat inginkan

<marquee scrollamount="14">Teks Sobat</marquee>
Hasilnya:
Teks Sobat

NB: Semakin besar input angka, semakin cepat gerakan marquee

- Efek Marquee dengan Gerakan ke bawah
  1. Copy Paste script berikut. Atur text "100" dengan ukuran bidang marquee yang sobat inginkan & Atur "down" dengan arah marquee yang sobat inginkan (left/up/right)

<marquee direction="down" height="50">Teks Sobat</marquee>
Hasilnya:

Teks Sobat

- Efek Marquee dengan Text berhenti saat Kursor melintasi lintasan
  1. Copy Paste script berikut.

<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Sobat</marquee>
Hasilnya:

Teks Sobat

- Efek Marquee dengan Teks Bolak-Balik
  1. Copy Paste script berikut

<marquee behavior="alternate"Teks Sobat</marquee>
Hasilnya

Teks Sobat
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Variasi Text Berjalan (Marquee) di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://faqih2blogs.blogspot.com/2013/08/cara-membuat-variasi-text-berjalan.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Post a Comment

Dalam berkomentar, harap gunakan bahasa yang santun & tidak menyudutkan. Komentar yang berbau SARA tidak akan dimunculkan. Saya selaku pengurus blog sederhana ini, hakikatnya juga tiada luput dari segala kekurangan dan keterbatasan. Untuk itu saya mohon maaf apabila terdapat kesalahan di dalam saya berbagi di blog sederhana ini. Terimakasih atas kunjungan dan partisipasi Anda

Related Posts Plugin for WordPress, Blogger...
Ricky Pratama support Eva's Blog - Original design by Bamz | Copyright of Truth Of Moral Blog.