- Back to Home »
- TipsnTrick »
- Teks Membuat Teks Berjalan / Marquee
Posted by : Unknown
Sabtu, 09 November 2013
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata
yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah
mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman
yang belum mengetahui cara pembuatannya.
Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.
berikut cara pembuatannya :
- Login ke Blogger
- Kemudian klik Tata Letak dan Elemen Halaman
- Ketika sudah berada di Elemen Halaman klik Tambah Gadget
- Lalu pilih HTML/JavaScript
- Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :
Klik Untuk Liat Kode
1. Teks berjalan dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
2. Teks berjalan dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
3. Teks berjalan bolak balik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
4. Teks berjalan dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
5. Teks berjalan dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
6. Teks berjalan mondar-mandir
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
7. Teks berjalan zig-zag nembus
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
8. Teks berjalan zig-zag mantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
2. Teks berjalan dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
3. Teks berjalan bolak balik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
4. Teks berjalan dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
5. Teks berjalan dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
6. Teks berjalan mondar-mandir
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
7. Teks berjalan zig-zag nembus
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
8. Teks berjalan zig-zag mantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
Post-post Terpopuler
-
OK buat para sobat Blogger yang mempunyai Twitter yang berisikan konten-konten pada Blog-nya. Posting ini adalah salah satu solusi untuk m...
-
Pada Prinsipnya Membuat Sebuah blog itu Identik dengan kata-kata dan Tulisan yang sangat Panjang. kadang kadang kita berfikir apabila menuli...
-
Oke Buat Sobat Blogger...... Kemarin aku udah Update Untuk Teks Berjalan tapi Sobat Cuma Bisa ganti Tulisan aja tanpa bisa ganti Warna dan...
-
Nah Buat Sobat Blogger Yang Berminat Menerapkan Pada Blog Sobat Semua, Sobat Bisa Ikuti Caranya Dibawah ini: Login Ke Akun Blogger So...
-
Masih seperti biasanya Sob.... Coz Blog identik dengan HTML makanya semua Widget yang di buat selalu seperti ini menggunakan cara yang s...
-
Cara Membuat Cursor Bertabur Bintang Mempercantik atau memperindah tampilan Blog adalah naluri dari setiap blogger .dan jikalau tamp...
-
Untuk cara pemasangan di halaman postingan berikut tutorialnya . 1. Login ke akun blog sobat 2. Klik Entri baru kemudian beri judul sesu...
-
Oke Langsung Saja nih Pergi ke Template > Edit HTML , lalu centang "Expand Template Widget" setelah itu cari kode </he...
-
Berikut langkah-langkah pembuatannya : Klik Untuk Liat Kode 1. Login ke Blogger 2. Masuk ke Template >> Edit HTML (centa...
-
Posting selanjutnya .............. Cara Membuat Fanspage Melayang Di Blog- kita pasti pernah melihat kotak facebook melayang di blog, pas...