Cara Membuat Tulisan Bergerak
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 ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang bergerak atau berjalan ini, silahkan ikuti terus tutorialnya.
Cara Membuat Tulisan Bergerak atau Berjalan di Blog
1. Tulisan bergerak dari kanan ke kiri
2. Tulisan bergerak dari kiri ke kanan
3. Teks bergerak bolak - balik dari kiri ke kanan
4. Teks bergerak bolak - balik dari kanan ke kiri
5. Teks bergerak dari atas ke bawah
6. Teks bergerak dari bawah ke atas
7. Teks bergerak memantul
8. Teks bergerak tembus
Cara memasang :
1. Login ke akun blog anda
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript Atau bisa di letakkan di bawah <head> ( supaya tulisan berjalan berada di dekat menu atau judul website )
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.
tambahan :
Untuk menyisipkan link pada marquee, gunakan kode berikut :
Catatan : Ganti tulisan warna biru dengan link yang anda inginkan
Sekian tutorial kali ini
TERIMA KASIH ^_^
1. Tulisan bergerak dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Gerak</marquee>
2. Tulisan bergerak dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Gerak</marquee>
3. Teks bergerak bolak - balik dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Gerak </marquee>
4. Teks bergerak bolak - balik dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Gerak </marquee>
5. Teks bergerak dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Gerak </marquee>
6. Teks bergerak dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Gerak</marquee>
7. Teks bergerak memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Gerak </marquee></marquee></center>
8. Teks bergerak tembus
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Gerak </marquee></marquee></center>
Cara memasang :
1. Login ke akun blog anda
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript Atau bisa di letakkan di bawah <head> ( supaya tulisan berjalan berada di dekat menu atau judul website )
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.xdazor.blogspot.com"/>Cara Membuat Teks Bergerak di Blog</a></marquee>
</div>
Catatan : Ganti tulisan warna biru dengan link yang anda inginkan
Sekian tutorial kali ini
TERIMA KASIH ^_^
0 Response to "Cara Membuat Tulisan Bergerak"
Post a Comment