Membuat Teks Berjalan Di Blog Manual
—
Selasa, Desember 20
—
Add Comment
—
Tips dan Trik
Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.
Cara Membuat Tulisan Berjalan di Blog
1. Tulisan bergerak dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
hasilnya :
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya :
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya :5. Teks bergerak dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya :
6. Teks bergerak dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya :
7. Teks bergerak mondar- mandir dari atas ke bawah
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya :
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>
hasilnya :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>
hasilnya :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
hasilnya :<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://revolusilumajang.blogspot.co.id/2016/12/membuat-teks-berjalan-di-blog-manual.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
*Nb: anti tulisan yang berwana biru dengan Url yang di inginkan.
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://revolusilumajang.blogspot.com/2016/12/membuat-teks-berjalan-di-blog-manual.html/">Cara Membuat Teks Berjalan di Blog</a><br/>
<a href="http://revolusilumajang.blogspot.com/2016/12/membuat-teks-berjalan-di-blog-manual.html">Cara Membuat Teks Berjalan di Blog</a><br/>
<a href="http://revolusilumajang.blogspot.com/2016/12/membuat-teks-berjalan-di-blog-manual.html">Cara Membuat Teks Berjalan di Blog</a><br/>
</marquee>
Kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
hasilnya :
Demikian Artikel Tentang Membuat Teks Berjalan Di Blog Manual
Sampai disini artikel Membuat Teks Berjalan Di Blog Manual yang dapat kami sampaikan, semoga bermanfaat dan menambah pengetahuan untuk para pembaca.
Kami mohon maaf apabila ada kesalahan ejaan atau penulisan kata maupun kalimat yang kurang jelas dan dimengerti, karena kami hanyalah manusia biasa yang tak luput dari kesalahan dan kami juga sangat mengharapkan kritik dan saran dari para pembaca demi kesempurnaan artikel ini.
Sekian artikel dari kami terima kasih telah berkunjung.
loading...
Bukan master apalagi hacker, saya hanya orang bodoh yang selalu berusaha untuk lebih baik.
0 Response to "Membuat Teks Berjalan Di Blog Manual"