Haiii Guyss... ^^ Pernah kah kalian melihat tulisan berjalan di blog blog yang pernah kalian kunjungi? Nah maka itu disini saya akan berbagi caranya supaya blog kalian terlihat lebih menarik dan cantik. Berikut caranya:
Cara Membuat Tulisan Berjalan di Blog
1. Tulisan bergerak dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center"> Terhangat dan Terbaru </marquee>
hasilnya2. Tulisan bergerak dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Terhangat dan Terbaru </marquee>
hasilnya3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Terhangat dan Terbaru </marquee>
hasilnya4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Terhangat dan Terbaru </marquee>
hasilnya5. Teks bergerak dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Terhangat dan Terbaru </marquee>
hasilnya6. Teks bergerak dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Terhangat dan Terbaru </marquee>
hasilnya7. Teks bergerak mondar- mandir dari atas ke bawah
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Terhangat dan Terbaru </marquee>
hasilnya8. Teks bergerak zig - zag ( diagonal ) memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Terhangat dan Terbaru </marquee></marquee></center>
hasilnya9. Teks bergerak zig - zag ( diagonal ) tembus
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Terhangat dan Terbaru </marquee></marquee></center>
hasilnyaCara memasang :
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
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">Terhangat dan Terbaru</marquee>
</div>
hasilnya :
- 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://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Terhangat dan Terbaru</a></marquee>
</div>
catatan :hasilnya :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
- Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>
catatan :Hasilnya :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Sekian posting cara bikin tulisan berjalan nya....
Sumber: http://christiantatelu.blogspot.com/
