Pada post kali ini saya akan sharing kepada kalian semua bagaimana cara membuat tulisan berjalan (marquee). Membuat tulisan berjalan itu dapat di lakukan di Widget element, postingan atau halaman statis (pages). Ada beberapa arah marque yaitu dari kanan ke kiri, dari kiri ke kanan, dari kanan ke kiri (bolak - balik), dari atas ke bawah dan dari bawah ke atas. Cara membuatnya cukup mudah, sobat tinggal mengcopy beberapa kode di bawah ini dan pasang di blog kalian:
1. Marquee Dari Kiri Ke Kanan / Kanan Ke Kiri
<marquee align="center" direction="right" height="50" scrollamount="2" width="80%">
Marquee Dari Kiri Ke Kanan
</marquee>
Akan menjadi seperti ini:
Keterangan:
> Tulisan yang berwarna merah adalah teks yang ingin sobat beri efek marquee
> Untuk tulisan dari kanan ke kiri ganti kata "right" dengan "left" (tanpa tanda petik)
> 50 adalah ukuran tinggi kotak tulisan marquee nya
> scrollamount adalah kecepatan tulisannya
2. Tulisan Bolak - Balik
3. Tulisan marquee untuk link
> Ganti saja tulisan yang berwarna merah dengan link yang sobat inginkan
> Selain link sobat juga bisa menaruh kode HTML seperti widget
Mudah kan! Selamat mencoba!!!
Keterangan:
> Tulisan yang berwarna merah adalah teks yang ingin sobat beri efek marquee
> Untuk tulisan dari kanan ke kiri ganti kata "right" dengan "left" (tanpa tanda petik)
> 50 adalah ukuran tinggi kotak tulisan marquee nya
> scrollamount adalah kecepatan tulisannya
2. Tulisan Bolak - Balik
<marquee align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">Akan menjadi seperti ini:
Tulisan Bolak - Balik
</marquee>
3. Tulisan marquee untuk link
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">Akan menjadi seperti ini:
<a href="http://ksatriapengelana.blogspot.com/">MOHAMMAD</a>
<a href="http://ksatriapengelana.blogspot.com">RAMLI</a>
<a href="http://ksatriapengelana.blogspot.com/">GANTENG</a>-
</marquee>
> Ganti saja tulisan yang berwarna merah dengan link yang sobat inginkan
> Selain link sobat juga bisa menaruh kode HTML seperti widget
Mudah kan! Selamat mencoba!!!
No comments:
Write komentarTerimakasih Atas Kunjungan Anda..
Kritik dan Saran Anda membantu blog ini lebih baik..