Postingan kali ini tentang cara membuat tulisan bergerak pada blog. Karena selain memperindah blog, tulisan bergerak ini akan menghemat tempat dan meningkatkan page loading pada blog. Tulisan bergerak dapat di buat dengan script HTML/JavaScript yang sederhana dengan memberikan perintah Marquee. Kode dasar tulisan bergerak adalah seperti berikut :
Agar lebih jelas lihat contoh berikut ini. Dibawah ini adalah contoh tulisan marquee :
<marquee align="center" direction="left" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>
Di bawah ini adalah hasilnya:
Untuk contoh marquee yang lain adalah sebagai berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href=" http://carimodaldi.blogspot.com/">cara membuat blog</a><br/> <a href="http://carimodaldi.blogspot.com/">Membuat blog </a><br/> <a href="http://carimodaldi.blogspot.com/">Pasang Iklan </a><br/> </marquee>
<marquee>Tulisan Bergerak di Sini</marquee>
Adapun untuk memodifikasinya, diperlukan perintah lain atau sering disebut dengan atribut,adapun perintahnya sebagai berikut :
- bgcolor="warna" adalah untuk mengatur warna background teks
- direction="left/right/up/down" adalah untuk mengatur arah gerakan teks
- behavior="scroll/slide/alternate" adalah untuk mengatur perilaku gerakan
- scroll adalah untuk mengatur teks agar bergerak memutar
- slide adalah mengatur teks bergerak sekali lalu berhenti
- alternate adalah membuat teks bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)
- title="pesan" adalah untuk menampilkan pesan saat mouse berada pada teks.
- scrollmount="angka" adalah untuk mengatur kecepatan gerakan tulisan
- scrolldelay="angka" adalah untuk mengatur waktu gerakan
- loop="angka|-1|infinite" adalah untuk mengatur jumlah loop
- width="angka" adalah untuk mengatur lebar blog teks
Agar lebih jelas lihat contoh berikut ini. Dibawah ini adalah contoh tulisan marquee :
<marquee align="center" direction="left" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>
Di bawah ini adalah hasilnya:
Untuk contoh marquee yang lain adalah sebagai berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href=" http://carimodaldi.blogspot.com/">cara membuat blog</a><br/> <a href="http://carimodaldi.blogspot.com/">Membuat blog </a><br/> <a href="http://carimodaldi.blogspot.com/">Pasang Iklan </a><br/> </marquee>
Demikian postingan Cari Modal di Blogspot, semoga bermanfaat. Silahkan tinggalkan komentar Anda dan terima kasih atas kunjungannya.
Tidak ada komentar:
Posting Komentar
Silahkan Anda tinggalkan Pesan di kotak yang telah disediakan. Terima kasih telah memberikan sejenak waktu Anda untuk mengisi kotak komentar ini.