Kode HTML Membuat Tulisan Berjalan (Marquee)

Marquee adalah suatu perintah dalam HTML untuk membuat teks bisa bergerak atau berjalan. Kalau pada kehidupan sehari-hari dapat kita lihat pada papan LED Running Text yang umum ada di Counter HP berisi Tulisan informasi yang bergerak statis secara beraturan.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNONaS0bO3OO-ChLwJruLlosMG_4dLSIiwygvI7-ijw0LBpSn-umoP2pUEka29oCNO_aKbV4pCCqjrhSgA99_o5ClyvfFuhJLMHpxofl5wZgV1X6ZXAwquNl0uL5lrZ5Hq-aO7-sCqQOwcQwggBRhKzwUIwXhe8MXcn5Luo9ytwL5qX5EbLxrNmZc/s800/Running%20Text.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="473" data-original-width="800" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNONaS0bO3OO-ChLwJruLlosMG_4dLSIiwygvI7-ijw0LBpSn-umoP2pUEka29oCNO_aKbV4pCCqjrhSgA99_o5ClyvfFuhJLMHpxofl5wZgV1X6ZXAwquNl0uL5lrZ5Hq-aO7-sCqQOwcQwggBRhKzwUIwXhe8MXcn5Luo9ytwL5qX5EbLxrNmZc/w400-h236/Running%20Text.jpg" width="400" /></a></div><br /><div style="text-align: center;"><br /></div> Berikut beberapa jenis Marquee atau Running Text yang dapat diaplikasikan pada laman postingan atau sebagai Widget pada blog :<br /> <br /> 1. Marquee ini tipe Standar, dimana hanya berisikan tulisan yang berjalan statis secara berkala.<br /> <br /> <marquee>TULISAN BERJALAN</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee>TULISAN BERJALAN</marquee> </div> <br /> 2. Marquee jenis ini berbeda sedikit dengan yang pertama, dimana setelah 2 kali tampilan maka tulisan akan tidak muncul lagi. Hitungan dapat diubah dengan menggantikan angka 2 pada <b>"loop="2"</b> dengan angka yang diinginkan.<br /> <br /> <marquee loop="2">MARQUEE AKAN BERPUTAR 2 KALI LALU MENGHILANG</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee loop="2">MARQUEE AKAN BERPUTAR 2 KALI LALU MENGHILANG</marquee> </div> <br /> 3.Jika teks bergerak terlalu cepat, marquee jenis ini yang sesuai dengan keinginan kita. Marquee ini diatur untuk teks dapat berjalan lebih lambat dari semestinya dengan mengubah nilai <b>"scrolldelay"</b> dengan angka yang diingikan. Satuannya dalam mili detik sehingga semakin besar angkanya maka akan semakin lambat teks nya berjalan.<br /> <br /> <marquee scrolldelay="1000">TEKS BERJALAN DAN DELAY SELAMA 1 DET</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee scrolldelay="1000">TEKS BERJALAN DAN DELAY SELAMA 1 DET</marquee> </div> <br /> 4. Marquee ini merupakan marquee jenis standar dengan tambahan latar belakang berwarna dijalur teks berjalan. Warna nya dapat disesuaikan dengan mengganti <b>"bgcolor"</b> dengan warna yang diinginkan.<br /> <br /> <marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee> <br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee> </div> <br /> 5. Marquee ini kebalikan dengan jenis yang ketiga, jika sebelumnya diperlambat, maka disini dapat diatur menjadi lebih cepat dari semestinya, dengan mengubah angka <b>"scrollamount"</b> dengan angka yang diingikan. Dimana semakin besar angka nya, maka teks bergerak menjadi lebih cepat.<br /> <br /> <marquee scrollamount="100">Kecepatan Tulisan berjalan 100</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee scrollamount="100">Kecepatan Tulisan berjalan 100</marquee></div> <br /> 6. Marquee ini kebalikan dari marquee jenis standar dimana perbedaan terletak pada arah pergerakan tulisannya. Jika pada tipe standar bergerak dari kanan ke kiri. Maka dengan penambahan kode "Direction" ke kanan, tulisan menjadi bergerak dari kiri ke kanan.<br /> <br /> <marquee direction="right">TEKS BERJALAN KE KANAN</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee direction="right">TEKS BERJALAN KE KANAN</marquee> </div> <br /> 7. Masih hampir sama dengan marquee yang sebelumnya, dengan menggantikan arah menjadi <b>"UP"</b> maka tulisan berubah gerakannya menjadi dari bawah ke atas.<br /> <br /> <marquee direction="up">TEKS BERJALAN KE ATAS</marquee> <br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee direction="up">TEKS BERJALAN KE ATAS</marquee> </div> <br /> 8. Marquee jenis ini merupakan marquee standar yang luas pergerakannya dibatasi menjadi 50% dari luas halaman yang tersedia. Luas nya dapat diubah dengan menggantikan angka 50% pada <b>"Width"</b> dengan angka yang diinginkan.<br /> <br /> <marquee width="50%">LEBAR MEDIA 50 %</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee width="50%">LEBAR MEDIA 50 %</marquee> </div> <br /> 9. Marquee ini sedikit modifikasi dari marquee standar dimana dapat disematkan pesan pada tulisan yang bergerak. Pesan dapat dimunculkan dengan mengarahkan kursor pada tulisan yang bergerak tersebut.<br /> <br /> <marquee title="M Dermawan S Blog | Semangat !!!">MARQUEE berisi pesan tertentu</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee title="M Dermawan S Blog | Semangat !!!">MARQUEE berisi pesan tertentu</marquee> </div> <br /> 10. Marquee ini diatur agar pergerakannya dapat memantul atau berpindah statis dari kiri ke kanan dan sebaliknya ketika sampai pada sisi kanan dan kiri batas. Tidak menghilang dan muncul seperti jenis standarnya.<br /> <br /> <marquee behavior="alternate">MARQUEE MEMANTUL</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee behavior="alternate">MARQUEE MEMANTUL</marquee> </div> <br /> 11. Marquee jenis ini modifikasi dari MARQUEE MEMANTUL dimana dengan penambahan <b>"onmouseover="this.stop()" onmouseout="this.start()"</b> maka tulisan akan berhenti ketika kursor mengenai tulisan yang bergerak tersebut dan bergerak kembali ketika kursor dipindahkan dari tulisan.<br /> <br /> <marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()">TULISAN BOLAK BALIK</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK BALIK</marquee> </div> <br /> 12. Marquee ini modifikasi dari marquee sebelumnya dengan penambahan tautan link. Dimana link laman tujuan dapat disesuaikan dengan mengisi <b>"href=""</b> dengan link yang diinginkan.<br /> <br /> <marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()"><a href="https://muhammaddermawansusanto.blogspot.com/">TEST LINK DENGAN KLIK DISINI</a></marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://muhammaddermawansusanto.blogspot.com/">TEST LINK DENGAN KLIK DISINI</a></marquee> </div> <br /> 13. Marquee jenis ini adalah tipe yang agak kompleks, dimana kita dapat menyesuaikan warna latar belakang, jenis huruf, ukuran huruf, serta warna huruf sesuai dengan yang diinginkan.<br /> <br /> <marquee bgcolor="blue" style="color: white; font-family: arial; font-size: 20px;">TEKS BERJALAN WARNA LATAR BIRU</marquee><br /> <br /> <div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;"> <marquee bgcolor="blue" style="font-family:arial; font-size:20px; color:#ffffff;">TEKS BERJALAN WARNA LATAR BIRU</marquee> </div> <br /> Masih banyak lagi jenis Marquee yang dapat dibuat dengan menyatukan beberapa bagian dari jenis-jenis marquee yang sudah ada diatas, karena pada dasarkan Marquee adalah perintah HTML yang tiap kode berfungsi untuk tugasnya masing-masing maka dengan kombinasi kode yang sesuai akan kita temukan jenis marquee lainnya.<br /> <br /> Selamat Mencoba !!!<br /> <br />

Kode HTML Membuat Tulisan Berjalan (Marquee)

Marquee adalah suatu perintah dalam HTML untuk membuat teks bisa bergerak atau berjalan. Kalau pada kehidupan sehari-hari dapat kita lihat pada papan LED Running Text yang umum ada di Counter HP beris…

Baca Selengkapnya ...

Tugas Bioteknologi Kelompok

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhngzCZyFmBgnk1-G3FTDlhECq0ekbBkdgMWjMn1b9tvL94cP36mDdNVskTEig_ZjfkfumMkypVgTSLHYae0rmylUdKyGZyEhZoD9-VgOiEXhBM0y1cPZx0xH8B1_-VP8g86tv7oPDSlDA/s1600/New+Picture.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="898" data-original-width="787" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhngzCZyFmBgnk1-G3FTDlhECq0ekbBkdgMWjMn1b9tvL94cP36mDdNVskTEig_ZjfkfumMkypVgTSLHYae0rmylUdKyGZyEhZoD9-VgOiEXhBM0y1cPZx0xH8B1_-VP8g86tv7oPDSlDA/s1600/New+Picture.bmp" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <span style="font-size: 14px;">Mata kuliah di semester akhir membahas perkembangan teknologi yang berkaitan dengan pemanfaatan makhluk hidup untuk kepentingan manusia, yang dibagi menjadi 10 kelompok dengan judul masing-masing yang membahas penerapan Bioteknologi di kehidupan sehari-hari disekitar kita.</span><br /> <br /> <span style="font-size: 14px;">Lebih lengkap pembagian kelompoknya dapat diunduh pada link dibawah :</span><br /> <br /> <a href="http://adfoc.us/48520071638275" target="_blank"><span style="font-size: 17px;">List Blog Kimia Nondik Bioteknologi (Kelompok)</span></a><br /> <br /> <span style="font-size: 14px;">Pada artikel lainnya akan diupload masing-masing tugas dari tiap-tiap judulnya.</span>

Tugas Bioteknologi Kelompok

Mata kuliah di semester akhir membahas perkembangan teknologi yang berkaitan dengan pemanfaatan makhluk hidup untuk kepentingan manusia, yang dibagi menjadi 10 kelompok dengan judul masing-masing yan…

Baca Selengkapnya ...

Bioluminesesi Kunang - Kunang

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_H6NLEb6WnB30dWiZ3WeGLw8meMBkbptdxmEW6KFSocesSkCxeAguE2v1oU2DzVxX0XAxFo6nFGJdnRsVGxiGZ1TqbcZUuw1PNBz6Fb27Iq9OVL3PKpyeaLXbjp5_ac9xeUcghStyI3k/s1600/New+Picture+%25282%2529.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="360" data-original-width="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_H6NLEb6WnB30dWiZ3WeGLw8meMBkbptdxmEW6KFSocesSkCxeAguE2v1oU2DzVxX0XAxFo6nFGJdnRsVGxiGZ1TqbcZUuw1PNBz6Fb27Iq9OVL3PKpyeaLXbjp5_ac9xeUcghStyI3k/s1600/New+Picture+%25282%2529.bmp" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <span style="font-size: 14px;">Artikel kali ini terkait tugas Mata Kuliah Biokimia Fisik yang membahas tentang Bioluminesesi pada binatang Kunang-Kunang, dimana materi mencakup :</span><br /> <br /> <span style="font-size: 16px;">1. Pengertian Metabolisme</span><br /> <span style="font-size: 16px;">2. Pembagian Metabolisme</span><br /> <span style="font-size: 16px;">3. Manfaat Metabolisme</span><br /> <span style="font-size: 16px;">4. Topik utama mengenai seputar karakteristik hewan Kunang-Kunang</span><br /> <span style="font-size: 16px;">5. Sejarah Bioluminesesi</span><br /> <span style="font-size: 16px;">6. Mekanisme Bioluminesesi sebagai pendaran cahaya pada tubuh Kunang-Kunang</span><br /> <span style="font-size: 16px;">7. Peranan Bioluminesesi bagi Organisme</span><br /> <br /> <span style="font-size: 14px;">Hal-hal tersebut yang dibahas pada tugas kali ini,</span><br /> <span style="font-size: 14px;">untuk Makalah dan Presentasi selengkapnya dapat diunduh pada link dibawah ;</span><br /> <br /> <a href="http://adfoc.us/48520071631735" target="_blank"><span style="font-size: 16px;">Makalah Bioluminesesi Kunang-kunang ( docx )<br /> <br /> </span></a><span style="font-size: 16px;"><a href="http://adfoc.us/48520071638258" style="font-size: 16px;" target="_blank">Makalah Bioluminesesi Kunang-kunang ( pdf )<br /> <br /> </a><a href="http://adfoc.us/48520071638264" style="font-size: 16px;" target="_blank">PPT Bioluminesense Kunang-kunang ( pdf )<br /> <br /> </a><a href="http://adfoc.us/48520071638270" style="font-size: 16px;" target="_blank">PPT Bioluminesense Kunang-kunang ( pptx )</a></span><br /> <br /> <blockquote class="tr_bq"> Disarankan untuk mencari literature lainnya untuk memperdalam, membandingkan, dan memperbaiki pembahasan untuk ilmu yang lebih baik.</blockquote>

Bioluminesesi Kunang - Kunang

Artikel kali ini terkait tugas Mata Kuliah Biokimia Fisik yang membahas tentang Bioluminesesi pada binatang Kunang-Kunang, dimana materi mencakup : 1. Pengertian Metabolisme 2. Pembagian Metabolisme …

Baca Selengkapnya ...