Cara Membuat Tulisan Berjalan dan Gambar Berjalan (Marquee) di Website/Blog
![gambar berjalan (animasi) gambar berjalan (animasi)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgalmZRVVp5v2-zg-suMw5Pb1sd6PkeYC84Zsz7z8M2El4lTPT85jCYiCdWgO3Amomch2sqchXwi_To4SHiSDS_dwamJ325ARujEdRJFtk_QyTHCQNdO1m0F3vZk5O61WPtI4g6x6DD3Q/s256-h320/animasi-bergerak-berlari-0071.gif)
Karena untuk mendapakan karya yang baik kita sebagai penulis perlu berkreasi pada tulisan di blog kita untuk memberikan kesan yang indah dan menarik bagi para pembaca/pengujug blog kita nantinya.
Salah satunya, kita dapat memberi sedikit sentuhan seni animasi yaitu membuat tulisan/teks yang terlihat berjalan.
Terkadang saat kita meonton Tv Sering kan lihat tulisan/teks berjalan di layar televisi, di pinggir jalan terpasang papan tempat periklanan (Billboard),di counter-conter biasanya banyak terpasang dengan berbagai macam gerakan.
<marquee> TULISAN BERJALAN </marquee>
Attribute & Value | Description |
direction = "left/right/up/down" | Mengatur arah gerakan teks |
behavior="scroll/slide/alternate" Note : *scroll (bergerak berputar) *slide (sekali lalu berhenti) *alternate (bolak-balik men) | Mengatur perilaku gerakan teks Seperti : bergerak sekali lalu berhenti, berputar, atau bolak-balik |
align = “left/right/center/justify” | Mengatur posisi teks |
bgcolor ="warna/kode warna" | Memberi warna tulisan |
scrollamount="angka" | Mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya |
scrolldelay="angka" | Mengatur waktu tunda gerakan dalam mili detik |
loop = "angka |-1| infinite" | Mengatur jumlah perulangan (loop) |
width="px atau %" | Mengatur lebar blok teks dalam pixel atau persen |
height ="px atau %" | Mengatur tinggi blok teks dalam pixel atau persen |
title="pesan" | Pesan akan muncul saat mouse berada di atas teks |
onmouseover = “this.stop()” | Menghentikan teks saat disorot mouse |
onmouseout = “this.start()” | Menjalankan teks ketika mouse menjauh |
hspace = "px" | Mengatur jarak kiri-kananya teks |
vspace = "px" | Mengatur jarak atas-bawahnya teks |
<marquee direction="left" scrollamount="10"> Tulisan berjalan ke kiri </marquee><br />
<marquee direction="right" scrollamount="10"> Tulisan bejalan ke kanan </marquee>
<marquee align="center" direction="down" scrollamount="3"> Tulisan berjalan ke bawah </marquee><marquee align="center" direction="up" scrollamount="3"> Tulisan berjalan ke atas </marquee>
<marquee direction="right" width="50%"> Tulisan berjalan arah memusat</marquee><marquee direction="left" width="50%"> Tulisan berjalan arah memusat </marquee><marquee width = "50%"> Tulisan berjalan berlawanan arah </marquee><marquee direction="right" width="50%"> Tulisan berjalan berlawanan arah </marquee>
<marquee behavior="alternate" scrollamount="10"> Tulisan berjalan memantul </marquee>
<marquee behavior ="alternate" direction = "up" height="60px" scrollamount="6"> <br />
<marquee direction="right" scrollamount="6"> Tulisan berjalan zig-zag </marquee> </marquee>
<marquee behavior="alternate" direction="up" height="100" scrollamount="6" weight="460"><marquee behavior="alternate" direction="right"> Tulisan berjalan melayang </marquee> </marquee>
<marquee behavior="scroll" scrollamount="10" width="400">Tulisan berjalan (scroll) </marquee><br /><marquee behavior="slide" scrollamount="10" width="400"> Tulisan berjalan (slide) </marquee><br /> <marquee behavior="alternate" scrollamount="10" width="400"> Tulisan berjalan (alternate) </marquee>
<marquee width="350"> Tulisan berjalan dengan kecepatan </marquee><br /<marquee scrollamount="5" width="350"> Tulisan berjalan dengan kecepatan </marquee><br /><<marquee scrollamount="25" width="350"> Tulisan berjalan dengan kecepatan </marquee>
<marquee bgcolor="red" scrollamount="10" vspace="15" width="400" > Tulisan berjalan (vspace) </marquee><br /><marquee bgcolor="yellow" scrollamount="10" vspace="15" width="400"> Tulisan berjalan (vspace) </marquee><br /><marquee bgcolor="green" scrollamount="10" vspace="15" width="400"> Tulisan berjalan (vspace) </marquee>
<marquee bgcolor="red" hight="100" width="400"> Tulisan berjalan (hspace) </marquee> <br /> <marquee bgcolor="yellow" hight="100" hspace="8" width="400"> Tulisan berjalan (hspace) </marquee><br /> <marquee bgcolor="green" hight="100" hspace="20" width="400"> Tulisan berjalan (hspace) </marquee>
<marquee bgcolor="FFF300" align ="center" direction ="left" scrollamount="10"> Tulisan berjalan dengan background </marquee>
<marquee align="center" direction="up" height="200" onmouseout ="this.start()" onmouseover = "this.stop()" scrollamount="2" width="100%"> <a href="https://nilibass.blogspot.com/2020/10/cara-membuat-tulisan-berjalan-dan.html"> Cara membuat tulisan Berjalan</a><br /> <a href="https://nilibass.blogspot.com/2020/10/cara-membuat-tulisan-berjalan-dan.html"> Cara membuat tulisan Berjalan </a><br /> <a href="https://nilibass.blogspot.com/2020/10/cara-membuat-tulisan-berjalan-dan.html"> Cara membuat tulisan Berjalan </a><br /> </marquee>
Cara membuat tulisan Berjalan
Cara membuat tulisan Berjalan
<marquee loop="5" width="450"> Tulisan berjalan dengan loop </marquee> <br /> <marquee behavior ="slide" loop="5" width="450"> Tulisan berjalan dengan loop </marquee>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgalmZRVVp5v2-zg-suMw5Pb1sd6PkeYC84Zsz7z8M2El4lTPT85jCYiCdWgO3Amomch2sqchXwi_To4SHiSDS_dwamJ325ARujEdRJFtk_QyTHCQNdO1m0F3vZk5O61WPtI4g6x6DD3Q/s150/animasi-bergerak-berlari-0071.gif)
- Masuk ke Dashboard
- Buat Posting/New Entry
- Tuliss konten seperti biasa sampai selesai
- Ganti mode penulisan dari “Compose” menjadi “HTML”
- Copy script tulisan berjalan yang sobat suka, dan Paste -kan Script tersebut pada posisi yang sobat mau.
- Kembali ganti mode penulisan dari “HTML” menjadi "Compose", lalu edit “Tulisan berjalan..!” ganti dengan tulisan sobat yang mau dijalankan.
- Silahkan klik "Pratinjau" untuk memastikan script sudah berjalan.
- Terakhir, kalau sudah berjalan dan posisinya sudah pas.
- Silahkan dipublish.
- Masuk ke Dashboard
- Pada Menu sisi kiri, Pilih Tata Letak/Layout
- Klik Tambahkan Gadget Baru
- Pilih gadget HTML/JavaScript Copy & Paste -kan tulisan berjalan pada bagian konten.
- Pastikan sobat melihat tulisan Rich Text
- Save
0 Response to "Cara Membuat Tulisan Berjalan dan Gambar Berjalan (Marquee) di Website/Blog"
Post a Comment
Terima Kasih Atas Kunjungannya, Silahkan Berkomentar dengan Bijak