Cara Menciptakan Teks Berjalan Serta Jenis-Jenisnya (Marquee)
Untuk sedikit memperlihatkan hiasan pada blog, sering kita lihat banyak blogger terlalu banyak memasang widget dalam jumlah yang tidak sedikit. Bahkan, sebagian dari mereka memasang widget tertentu yang tidak memberi efek baik pada perkembangan blog. Padahal ada alternatif lain untuk menghiasi blog kita. Salah satunya dengan menciptakan text berjalan. Tulisan yang kita inginkan dapat kita buat dapat berjalan sesuai keinginan. Bukan hanya itu, file lain menyerupai gambar juga dapat kita buat berjalan sesuai keinginan. Untuk caranya akan madjongke.com berikan. Berikut cara menciptakan tulisan, gambar, dsb berjalan sesuai keinginan.Untuk yang pertama yaitu menciptakan teks berjalan paling dasar. Caranya hanya dengan menambah instruksi html marquue pembuka dan epilog pada teks yang ingin dibentuk berjalan.
<marquee>Cara Membuat Teks berjalan</marquee>
Contohnya menyerupai dibawah ini
<marquee>Cara Membuat Teks berjalan</marquee>
Contohnya menyerupai dibawah ini
Untuk menciptakan teks berjalan kearah kanan kita hanya tinggal menambahkan instruksi html direction="right" pada instruksi marquee pembuka
<marquee direction="right">Teks berjalan ke arah kanan</marquee>
Hasil dari penambahan instruksi tersebut menyerupai ini
<marquee direction="right">Teks berjalan ke arah kanan</marquee>
Hasil dari penambahan instruksi tersebut menyerupai ini
Berikutnya, kita akan menciptakan instruksi teks berjalan ke atas. Karena pada umumnya teks berjalan keatas membutuhkan luas yang kadang belum tersedia sebab instruksi css sebelumnya, maka kita perlu menambahkan instruksi height="400". Ini untuk menyesuaikan tinggi ruang yang diperlukan, semakin tinggi angka yang dimasukkan maka semakin tinggi ruang yang kita buat. Dan yang paling utama yaitu penambahan instruksi direction="up"
<marquee direction="up" height="300">.com</marquee>
Hasilnya
Jika ingin menciptakan ke arah bawah tinggal ganti instruksi up menjadi down
<marquee direction="down" height="300"> dot com</marquee>
Hasilnya akan menyerupai dibawah ini
<marquee direction="up" height="300">.com</marquee>
Hasilnya
Jika ingin menciptakan ke arah bawah tinggal ganti instruksi up menjadi down
<marquee direction="down" height="300"> dot com</marquee>
Hasilnya akan menyerupai dibawah ini
Selanjutnya kalau menciptakan teks berjalan terpental, silahkan tinggal masukan instruksi html menyerupai dibawah ini.
<marquee behavior="alternate" direction="right">teks mental</marquee>
Dan karenanya akan menyerupai ini
<marquee behavior="alternate" direction="right">teks mental</marquee>
Dan karenanya akan menyerupai ini
Jika ingin mengatur kecepatan instruksi marquee yang ingin ditampilkan. Kita dapat menambahkan instruksi scrollamount="30" sesuaikan angka dengan keinginan. Semakin besar maka kecepatan akan semakin bertambah.
Contoh instruksi html
<marquee scrollamount="20" > Ngebut</marquee>
<marquee scrollamount="2">Motor Tua</marquee>
<marquee scrollamount="35" >Rossi Ngebut</marquee>
Dan karenanya menyerupai ini
Contoh instruksi html
<marquee scrollamount="20" > Ngebut</marquee>
<marquee scrollamount="2">Motor Tua</marquee>
<marquee scrollamount="35" >Rossi Ngebut</marquee>
Dan karenanya menyerupai ini
Untuk mengganti teks dengan gambar silahkan ganti teks dengan instruksi html <img alt="Untuk sedikit memperlihatkan hiasan pada blog Cara Membuat Teks berjalan Serta Jenis-jenisnya (marquee)" src="url gambar">
Contoh instruksi html marquee
<marquee><img alt="Untuk sedikit memperlihatkan hiasan pada blog Cara Membuat Teks berjalan Serta Jenis-jenisnya (marquee)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdyGeQVC1m9SO_kCqMPWQPX3cdGHxzGAzjE3SparYgSqyopA-ylyLbL4Cdz10hk-BFzYmNGz94MosCR-IEY2A5qIE2llclHGzBJe-gLhday315LGMUYphKK32H91LUvjvAyvwwH32AUcPV/s1600/wanita-madjongkedotcom.jpg"></marquee>
Hasilnya
Contoh instruksi html marquee
<marquee><img alt="Untuk sedikit memperlihatkan hiasan pada blog Cara Membuat Teks berjalan Serta Jenis-jenisnya (marquee)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdyGeQVC1m9SO_kCqMPWQPX3cdGHxzGAzjE3SparYgSqyopA-ylyLbL4Cdz10hk-BFzYmNGz94MosCR-IEY2A5qIE2llclHGzBJe-gLhday315LGMUYphKK32H91LUvjvAyvwwH32AUcPV/s1600/wanita-madjongkedotcom.jpg"></marquee>
Hasilnya
Pelajaran berikutnya, kalau ingin menciptakan teks berjalan berhenti ketika disorot pointer mouse, caranya dengan menambahkan instruksi onmouseover="this.stop()".
Contoh
<marquee onmouseover="this.stop()">Rider tanpa helm</marquee>
Dan karenanya menyerupai ini
Jika ingin membuatnya dapat berjalan lagi tambahkan instruksi onmouseout="this.start()"
Contoh
<marquee onmouseout="this.start()" onmouseover="this.stop()">Rider tanpa helm tapi banyak duit</marquee>
Dan karenanya menyerupai ini
Contoh
<marquee onmouseover="this.stop()">Rider tanpa helm</marquee>
Dan karenanya menyerupai ini
Jika ingin membuatnya dapat berjalan lagi tambahkan instruksi onmouseout="this.start()"
Contoh
<marquee onmouseout="this.start()" onmouseover="this.stop()">Rider tanpa helm tapi banyak duit</marquee>
Dan karenanya menyerupai ini
Silahkan gabung-gabungkan sendiri instruksi yang sudah madjongke.com berikan. Sesuaikan dengan kebutuhan dan selera. Dan sebagai hiburan, dibawah ini hasil yang sudah madjongke.com buat hanya sebagai hiburan saja. Kamu dapat menghentikan laju salah satu kendaraan beroda empat dengan mengarahkan pointer mouse pada kendaraan beroda empat yang kau inginkan untuk berhenti. Semoga bermanfaat dan supaya menghibur.
Comments
Post a Comment