Cara Membuat Tulisan Berjalan Atau Marquee di Blog
Jadilah.com - Cara Membuat Tulisan Berjalan Atau Marquee di Blog - Buat sebagian orang terutama seorang blogger mungkin sudah pernah mendengar tentang Marquee, tapi saya yakin juga belum semuanya orang mengetahui tentang tulisan berjalan atau marquee tersebut. Ada juga mungkin yang sekedar tahu tapi belum tahu cara untuk membuatnya. Nah jika sobat pernah melihat tulisan / teks yang mondar - mandir di suatu blog itulah yang dinamakan marquee sob!saya rasa pasti sudah pernahlah melihatnya kan???
 |
| Cara Membuat Tulisan Berjalan Atau Marquee di Blog |
Marquee, itu fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Jika sobat sudah mengerti dan tahu Apa Itu Marquee pasti deh sobat tertarik untuk membuat tulisan yang mondar - mandir tersebut, untuk itu silahkan ikuti tutorialnya dibawah ini.
Cara Membuat Tulisan Berjalan / Marquee di Blog
1. Tulisan bergerak dari kanan ke kiri
| <marquee align="center" direction="left" scrollamount="2">Contoh Tulisan Berjalan dari Kanan ke Kiri</marquee> |
2. Tulisan bergerak dari kiri ke kanan
| <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan dari Kiri ke Kanan</marquee> |
3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
| <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> |
4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
| <marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> |
5. Teks bergerak dari atas ke bawah
| <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee> |
6. Teks bergerak dari bawah ke atas
| <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee> |
7. Teks bergerak mondar- mandir dari atas ke bawah
| <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> |
8. Teks bergerak zig - zag ( diagonal ) memantul
| <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center> |
9. Teks bergerak zig - zag ( diagonal ) tembus
| <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center> |
Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.
tambahan :
- Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
- Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
- Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
- Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee antara kode berikut...
| <div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;"> <marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee> </div> |
- Untuk menyisipkan link pada Marquee, gunakan kode berikut :
| <div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;"> <marquee direction="left" scrollamount="6" align="center"><a href="http://www.jadilah.com/2013/06/cara-membuat-tulisan-berjalan-atau.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee> </div> |
ganti tulisan yang berwana hijau dengan Url yang di inginkan.
Maka hasilnya :
- Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
| <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href=" http://www.jadilah.com/2013/06/cara-membuat-tulisan-berjalan-atau.html/">cara membuat permalink di blog</a><br/> <a href="http://www.jadilah.com/2011/09/cara-membuat-blog-di-blogspot.html">cara membuat blog di blogspot</a><br/> <a href="http://www.jadilah.com/2012/10/cara-pasang-widget-statistik-histatcom.html">Cara Pasang Widget Statistik histat.com Di Blog Lengkap </a><br/> </marquee> |
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Maka hasilnya :
Demikian informasi mengenai Cara Membuat Tulisan Berjalan Atau Marquee di Blog, selamat mencoba dan mohon konfirmasinya bila mana ada kerusakan ataupun kekurangan dalam penyampaian juga dalam penerapan yang kurang pas. Semoga bermanfaat.
Label: kumpulan tips
<< Beranda