Hay sahabat blogger, kali ini wahyu akan memberi tips bagaimana cara untuk membuat tulisan atau kalimat bergerak di blog dengan efek tulisan yang keren. Pada umumnya cara membuat tulisan bergerak di blog yaitu dengan cara biasa. Tetapi disini saya akan memberikan cara bagaimana tulisan sobat lebih menarik.
Untuk memasang tulisan bergerak di blog sobat yaitu sebagai berikut :
- Login ke akun blog sobat.
- Klik segitiga kecil yang disamping lihat blog. Lalu pilih Tata Letak.
- Pilih yang tambah gadget, kemudian pilih HTML/JavaSript.
- Pastekan code tulisan bergerak tadi di HTML/JavaScript.
- Lalu di save dan kita lihat hasilnya.
Berikut adalah code untuk membuat tulisan bergerak di blog dengan efek tulisan keren :
1. Code tulisan bergerak dari kanan ke kiri.
<marquee direction="left" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
2. Code tulisan bergerak dari kiri ke kanan.
<marquee direction="right" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
3. Code tulisan bergerak bolak balik dari kiri ke kanan.
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
4. Code tulisan bergerak bolak balik dari kanan ke kiri.
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
5. Code tulisan bergerak dari atas ke bawah.
<marquee direction="down" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
6. Code tulisan bergerak dari bawah ke atas.
<marquee direction="up" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
7. Code tulisan bergerak akan berhenti jika terkena kursor.
<marquee onmouseover="this.stop()" onmouseout="this.start()"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>
Berikut Hasilnya :
8. Code tulisan bergerak zig zag (diagonal) memantul.
center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee></marquee></center>
Berikut Hasilnya :
9. Code tulisan bergerak zig zag (diagonal) tembus.
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee></marquee></center>
Berikut Hasilnya :
10. Code tulisan bergerak saling terhubung dari kiri dan kanan
<marquee direction="right" width="200"><img alt="Tulisan Bergerak" src="http://images.cooltext.com/4062005.png" height="27" width="179" /></marquee><marquee direction="left" width="200"><img alt="Tulisan Bergerak" src="http://images.cooltext.com/4062005.png" height="27" width="179" /></marquee>
Berikut Hasilnya :
JIka sobat ingin mengganti tulisan bergeraknya, sobat tinggal menghapus code tulisan yang berwarna merah dan menggantinya sesuai yang sobar inginkan.
Itu tadi adalah kumpulan tulisan yang bisa bergerak yang dapat ditempatkan di blog sobat. Semoga ilmunya dapat bermanfaat bagi sobat.
^-^ Selamat Mencoba kawan ... :)
Shared : Ahmad Wahyu Eko Yulianto
By : Wahyu Eko Blog's
Posted by
https://ahmadwahyuekoyulianto.blogspot.com/
8:33 AM