Cara Membuat Teks Berjalan - Selamat pagi sobat semua dipagi hari ini
saya akan berbagai tentang membuat tulisan berjalan,apakah sobat pernah melihat
tulisan berjalan diblog yang mondar-mandir seperti setrika.hampir sama seperti
sobat memasang headline news,bedanya Cuma cara membuat tulisan berjalan ini
lebih mudah untuk mengaturnya,dan dapat diatur sesuai selera yang sobat
inginkan,ini salah satu pernak pernik blog agar para pengunjung bissa betah
jika berada diblog kita.apakah sobat tertarik dan ingin memasangnya,silahkan
ikuti langkah-langkah dibawah ini :
Caranya sebagai berikut :
1, Tulisan bergerak
dari kiri ke kanan
Codenya ;
<marquee
direction="right" scrollamount="2" align="center">
Contoh saja</marquee>
Hasilnya :
Hasilnya :
2. Tulisan bergerak dari kanan ke
kiri
Codenya :
<marquee
direction="left" scrollamount="2" align="center">Contoh
saja</marquee>
Hasilnya :
Hasilnya :
3. Tulisan bergerak mondar mandir(dari
kiri ke kanan)
Codenya :
<marquee
direction="left" scrollamount="2" align="center"
behavior="alternate"> Contoh saja</marquee>
Hasilnya :
Hasilnya :
4. Tulisan bergerak mondar mandir(dari
kanan ke kiri)
Codenya :
<marquee
direction="right" scrollamount="2" align="center"
behavior="alternate"> Contoh saja </marquee>
Hasilnya :
Hasilnya :
5.Tulisan
bergerak dari atas ke bawah
Codenya :
<marquee
direction="down" scrollamount="2" align="center">
Contoh saja</marquee>
Hasilnya :
Hasilnya :
6. Tulisan bergerak dari bawah ke atas
Codenya :
<marquee
direction="up" scrollamount="2" align="center">
Contoh saja </marquee>
Hasilnya :
Hasilnya :
7.tulisan bergerak mondar mandir dari atas kebawah
Codenya :
<marquee
direction="up" scrollamount="2" align="center"
behavior="alternate"> Contoh saja </marquee>
Hasilnya :
Hasilnya :
8. Teks bergerak zig - zag (memantul)
Codenya :
<center><marquee direction="up"
scrollamount="2" align="center"
behavior="alternate" width="90%"><marquee
direction="right" behavior="alternate"> Contoh saja
</marquee></marquee></center>
Hasilnya :
Hasilnya :
9. Teks
bergerak zig - zag (tembus)
Codenya :
<center><marquee direction="up"
scrollamount="2" align="center"
behavior="alternate" width="90%"><marquee direction="right">
Contoh saja </marquee></marquee></center>
Hasilnya :
Hasilnya :
Cara memasang :
1. Login ke dashbor sobat
2. Klik tata letak--> Tambah gadget -->
HTML/Javascript
3. Masukkan salah satu code diatas
4. Save dan lihat hasilnya.
tambahan :
Direction : untuk mengatur 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 saja </marquee></div>
Hasilnya :
Hasilnya :
Untuk menyisipkan link pada kolom marquee,
gunakan kode berikut ini :
<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://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara
Membuat Teks Berjalan di Blog</a></marquee></div>
Hasilnya :
Hasilnya :
0 komentar:
Posting Komentar