Arief Setiawan - Mempunyai sebuah situs atau blog yang kontenya bermanfaat dan berguna bagi setiap pengunjung merupakan hal yang utama bagi pemilik blog atau situs tersebut. namun di sebuah blog atau situs yang memiliki tulisan yang bisa berjalan juga suatu keunikan bagi situs atau blog tersebut.
Apalagi jika situs atau blog yang anda kelola merupakan blog perusahaan atau blog yang menawarkan jasa jual beli online, nah dengan dilengkapi sebuah tulisan yang bisa berjalan maka situs atau blog tersebut akan terlihat lebih mantab, lebih oke dan ini juga bisa menarik perhatian bagi para pengunjung pastinya.
Tapi mungkin di antara sobat ada yang masih belum tau caranya membuat tulisan agar bisa berjalan pada sebuah situs atau blog yang di kelolanya. jika ini yang anda cari, berarti anda sudah berada di blog yang tepat. Karena pada postingan artikel kali ini saya akan memberikan beberapa kode Marquee yang akan membuat Tulisan di blog anda bisa berjalan, atau bisa berjalan bolak balik dan lain sebagainya.
Apa Itu Marquee?
Lebih tepatnya marquee adalah salah satu kode bahasa pemprograman HTML (HyperText Markup Language), Fungsi dari marquee adalah untuk membuat efek tulisan/gambar di situs menjadi berjalan atau bergerak dengan beragam gaya.
Nah lalu bagaimana cara membuat Tulisan di blog agar bisa berjalan dengan menggunakan kode marquee tersebut, Tenang sobat ! Dibawah ini saya sudah menyiapkan beberapa kode marquee yang langsung siap pakai dan sudah lulus dengan hasil uji Coba.
Kode dasar Tag Marquee :
Di bawah ini saya akan mencontohkan kode marquee yang paling mendasar dulu ya, sebelum anda mencoba kode marquee yang lainya. ada pun kodenya adalah sebagai berikut :
<marquee> TULISAN BERJALAN DARI KANAN KE KIRI </marquee>
Hasil dari kode di atas secara default teks akan berjalan dari kanan ke kiri dan berulang terus menerus tanpa henti.
Hasilnya Sebagai Berikut :
1. Tulisan berjalan dari kanan ke kiri, atau dari kiri ke kanan
<marquee direction="left" scrollamount="10"> Tulisan berjalan ke kiri </marquee><br />
<marquee direction="right" scrollamount="10"> Tulisan bejalan ke kanan </marquee>
Hasilnya Sebagai Berikut :
2. Tulisan berjalan dari atas ke bawah, atau dari bawah ke atas
<marquee align="center" direction="down" scrollamount="3"> Tulisan berjalan ke bawah </marquee><marquee align="center" direction="up" scrollamount="3"> Tulisan berjalan ke atas </marquee>
Hasilnya Sebagai Berikut :
3. Tulisan berjalan memusat atau berlawanan arah (kiri kanan)
<marquee direction="right" width="50%"> Tulisan berjalan arah memusat</marquee><marquee direction="left" width="50%"> Tulisan berjalan arah memusat </marquee><marquee width = "50%"> Tulisan berjalan berlawanan arah </marquee><marquee direction="right" width="50%"> Tulisan berjalan berlawanan arah </marquee>
Hasilnya Sebagai Berikut :
4. Tulisan berjalan memantul (bolak balik Bro)
<marquee behavior="alternate" scrollamount="10"> Tulisan berjalan memantul (Bolak balik Bro)</marquee>
Hasilnya Sebagai Berikut :
5. Tulisan Berjalan Zig Zag
<marquee behavior ="alternate" direction = "up" height="60px" scrollamount="30"> <br />
<marquee direction="right" scrollamount="6"> Tulisan berjalan zig-zag </marquee> </marquee>
Hasilnya Sebagai Berikut :
6. Tulisan Berjalan Melayang
<marquee behavior="alternate" direction="up" height="100" scrollamount="6" weight="460">
<marquee behavior="alternate" direction="right"> Tulisan berjalan melayang </marquee> </marquee>
Hasilnya Sebagai Berikut :
7. Tulisan Berjalan Dengan Atribut Behavior
<marquee behavior="scroll" scrollamount="10" width="460">Tulisan berjalan (scroll) </marquee><br />
<marquee behavior="slide" scrollamount="10" width="460"> Tulisan berjalan (slide) </marquee><br />
<marquee behavior="alternate" scrollamount="10" width="460"> Tulisan berjalan (alternate) </marquee>
Hasilnya Sebagai Berikut :
8. Tulisan berjalan dengan kecepatan
<marquee width="450"> Tulisan berjalan dengan kecepatan </marquee><br /><marquee scrollamount="15" width="450"> Tulisan berjalan dengan kecepatan </marquee><br />
<marquee scrollamount="25" width="450"> Tulisan berjalan dengan kecepatan </marquee>
Hasilnya Sebagai Berikut :
9. Tulisan Berjalan Dengan Atribut Vspace
<marquee bgcolor="red" scrollamount="10" width="450"> Tulisan berjalan (vspace) </marquee><br />
<marquee bgcolor="yellow" scrollamount="10" vspace="15" width="450"> Tulisan berjalan (vspace) </marquee><br /><marquee bgcolor="green" scrollamount="10" vspace="15" width="450"> Tulisan berjalan (vspace) </marquee>
Hasilnya Sebagai Berikut :
10. Tulisan Berjalan Dengan Hspace
<marquee bgcolor="red" hight="100" width="400"> Tulisan berjalan (hspace) </marquee> <br />
<marquee bgcolor="yellow" hight="100" hspace="15" width="400"> Tulisan berjalan (hspace) </marquee><br /> <marquee bgcolor="green" hight="100" hspace="40" width="400"> Tulisan berjalan (hspace) </marquee>
Hasilnya Sebagai Berikut :
11. Tulisan Berjalan Dengan Background
<marquee align ="center" direction ="left" scrollamount="10"> Tulisan berjalan dengan background </marquee>
Hasilnya Sebagai Berikut :
12. Tulisan berjalan dengan link, dan akan berhenti ketika mouse pointer di letakkan di atasnya
<marquee align="center" direction="up" height="200" onmouseout ="this.start()" onmouseover = "this.stop()" scrollamount="2" width="100%">
<a href="https://www.arieffsetiawan.com?"> Selamat Menunaikan Ibadah Bulan Puasa </a><br />
<a href="https://www.arieffsetiawan.com?"> Arief Setiawan Blogger Kaltim </a><br />
<a href="https://www.arieffsetiawan.com?"> Arief Setiawan Blogger Kaltim </a><br /> </marquee>
Hasilnya Sebagai Berikut :
13. Tulisan Berjalan Dengan Atribut (Loop)
Tulisan ini berjalan hanya 5x putaran saja, Setelah itu tulisan akan berhenti. Untuk melihat gerakan, silahkan di refresh dulu Browser nya.
<marquee loop="5" width="450"> Tulisan berjalan dengan loop </marquee> <br /> <marquee behavior ="slide" loop="5" width="450"> Tulisan berjalan dengan loop </marquee>
Hasilnya Sebagai Berikut :
Oke sobat cukup sampai disini ya pembahasan mengenai Marquee semoga bisa bermanfaat dan bisa di gunakan untuk mempercantik situs atau blog anda. Dari serangkaian kode kode di atas, silahkan dicoba satu persatu dan di gunakan dengan Bijak.
Seperti yang terlihat dipostingan artikel ini, merupakan suatu contoh cara kerjanya dari kode kode marquee di atas. Dan silahkan anda coba satu persatu kode mana yang di kehendaki, tapi jika anda mau mencoba memasang semuanya juga tidak apa apa dan tidak di larang juga.
Test koment Bismillah
BalasHapus