Marquee Teks |
Selain itu efek Teks / Tulisan Berjalan ini juga bisa digunakan untuk Membuat Widget Blog Berjalan seperti yang dilakukan oleh kebanyakan Blogger Blogspot. Caranya sangat mudah, tinggal mengganti Teks atau Tulisannya Berjalannya dengan kode Widget Blog maka widget blog akan berjalan sesuai dengan keinginan anda.
Teks / Tulisan Berjalan Efek Biasa
Kodenya :
<marquee>Teks / Tulisan Berjalan Efek Biasa</marquee>
Hasilnya :
Teks / Tulisan Berjalan Dengan Menggunakan Kecepatan
Kayak pembalap saja pakai kecepatan, Sama seperti efek teks berjalan diatas, bedanya penambahan kode scrollamount="ANGKA" membuat teks / tulisan berjalan bisa diatur kecepatan berjalannnya. Semakin besar angka scrollamountnya, semakin cepat teks berjalan.
Berikut contoh beberapa kodenya dengan kecepatan berbeda :<marquee scrollamount="2">Really Really Good (kecepatan 2)</marquee>
<marquee scrollamount="4">Really Really Good (kecepatan 4)</marquee>
<marquee scrollamount="6">Really Really Good (kecepatan 6)</marquee>
<marquee scrollamount="8">Really Really Good (kecepatan 8)</marquee>
<marquee scrollamount="10">Really Really Good (kecepatan 10)</marquee>
Hasilnya :
Teks / Tulisan Berjalan ke Atas - Bawah
Secara default, teks akan berjalan ke arah kiri / kanan. Untuk membuatnya berjalan ke arah sebaliknya tambahkan kode direction="right" seperti contoh di bawah ini :
<marquee scrollamount="2" direction="right">Really Good</marquee>
Hasilnya :
Untuk membuatnya berjalan ke ATAS atau ke BAWAH, cukup ganti perintah RIGHT menjadi UP untuk berjalan ke atas, dan DOWN untuk berjalan ke bawah. Khusus untuk perintah Berjalan ke atas atau ke bawah, sebaiknya tambahkan pengaturan Lebar (WIDTH) dan Tinggi (HEIGHT) supaya TEKS ATAU TULISAN BERJALAN tidak berjalan terlalu tinggi atau terlalu pendek. Contoh kodenya seperti ini :
<marquee scrollamount="2" direction="up" width="100%" height="50">Teks Belajar Askep Berjalan Ke Atas / Naik</marquee>
<marquee scrollamount="2" direction="down" width="100%" height="50">Teks Belajar Askep Berjalan Ke Bawah / Turun</marquee>
Hasilnya :
Bergerak ke ATAS / NAIK
Untuk membuat Teks atau Tulisannya berjalan mondar mandir, kode yang ditambahkan adalah behavior="alternate". Contoh penambahan kodenya seperti ini :
<marquee behavior="alternate">Teks Really Good Berjalan Mondar Mandir</marquee>
Hasilnya :
Teks / Tulisan Berjalan dan Berhenti
TEKS / TULISAN BERJALAN akan berhenti saat disentuh mouse / cursor dengan menaambahkan kode onmouseover="this.stop()" dan akan berjalan lagi jika mouse / cursor dipindahkan dengan menambahkan kode onmouseover="this.start()" .
Contoh kodenya seperti ini :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Really Good Berjalan Mondar Mandir Lalu Berhenti Jika Disentuh Mouse</marquee>
Hasilnya :
Silahkan sentuh tulisannya dengan anak panah / cursor mouse anda untuk melihat hasinya.
Jika ingin memberikan background atau latar warna pada TEKS ATAU TULISAN BERJALAN, cukup menmbahkan kode bgcolor="KODE WARNA"
Contoh kodenya seperti ini :
<marquee bgcolor="#00FF00"><b>Teks Really Really Good Berjalan</b></marquee>
Hasilnya :
KODE #00FF00 adalah kode warna HIJAU.
Silahkan ganti kodenya dengan kode warna yang anda inginkan. Untuk melihat kode warna, silahkan klik tulisan "KODE WARNA" yang terletak pada bagian atas ( header ) Blog ini.
Jika ingin membuat WIDGET di sidebar anda berjalan, cukup ganti tulisan "TEKS / TULISAN BERJALAN" dengan KODE WIDGET ANDA.
Bagaimana SOB... Tutorial Membuat Teks atau Tulisan Berjalan cukup mudah dan jelas bukan ???
Kalau kurang jelas, silhkan sampaikan di kotak komentar.
Semoga hari anda menyenangkan,.. HAPPY BLOGGING........:D
Artikel lain yang mungkin ingin anda baca!
Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!
Responses
0 Respones to "Berbagai Cara Membuat Teks / Tulisan Berjalan di-Blog"
Komentar Sobat Sangat Berarti Bagi Kami