Hello sobat ICloudzer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya untuk menjalankan fungsi Marquee didalam blog
Info: Okay jika kamunya sudah penasaran yuk langsung aja kita bahas bersama sama
Marquee
Marquee merupakan sebuah fungsi didalam html untuk membuat sesuatu semisal text bisa bergerak ataupun berjalan, kita bisa melihat contoh gaya Marquee didalam televisi, dan running text yang admin gunakan sekarang adalah contoh dari pengguna Marquee
Sedangkan untuk menjalankan Marquee didalam blogger kita hanya perlu menggunakan tag <marquee> dan akhiri dengan menggunakan tag </marquee> sesimple itu aja, sedangkan untuk membuat kombinasi pada fungsi Marquee kamu harus mempelajari lebih dalam lagi
Kombinasi Marquee
Nah seperti yang sudah saya sampaikan sebelumnya, fungsi Marquee bisa dikombinasikan asalkan kamu tau caranya, semisal mengkombinasikan warna didalam membuat fungsi Marquee
Contoh Marquee
Baiklah sekarang saatnya admin akan memberikan 5 contoh tampilan Marquee, dan admin akan menjelaskan setiap contoh Marquee yang bakalan admin tampilkan dibawah ini
Marquee sederhana
Dibawah ini adalah contoh penggunaan fungsi text Marquee yang biasa digunakan dan ditampilkan diblog
Info : Bagiamana sobat dengan tampilan Marquee nya
Contoh Kode
Kemudian untuk bisa menampilkan contoh text Marquee seperti diatas kamu bisa menggunakan contoh kode seperti dibawah ini
<marquee>
Hello Sobat ICloudzer bagaimana kabarmu hari ini, mudah mudah selalu dalam kondisi yang baik baik saja ya
</marquee>
Marquee arah sebaliknya
Fungsi Marquee pada umumnya apabila diterapkan pada sebuah text misalnya akan membuat text tersebut bergerak dari arah kanan ke kiri, sedangan kan contoh marquee berikut ini akan membuat text bergerak dari arah sebaliknya yakni (dari arah kiri ke arah kanan
Info: Bagaimana sobat dengan contoh tampilannya dari fungsi marquee diatas
Contoh Kode
Sedangkan untuk menampilkan fungsi dari text marquee tersebut kamu bia menggunakan contoh kode marquee untuk membuat text bergerak dari arah kiri ke arah kanan
<marquee direction="right">
Hello Sobat ICloudzer bagaimana kabarmu hari ini, mudah mudah selalu dalam kondisi yang baik baik saja ya
<marquee>
Marquee Durasi
Berikutnya untuk bisa menampilkan fungsi marquee durasi maksudnya kita bisa mengatur kecepatan dari fungsi Marquee tersebut semisal contoh dibawah ini
Kecepatan marquee
dibawah ini adlah contoh tampilan dari fungsi marquee begerak secara cepat dan contoh tampilan seperti berikut ini
Info: Bagaimana sobat cepat sekali ya, pusing kepala jadinya hehe
Contoh kode
Nah jika kamu ingin membuat dan menampilkan seperti fungsi Marquee diatas kamu bisa menggunakan kode dibawah ini
<marquee scrollamount="40">
Hello Sobat ICloudzer bagaimana kabarmu hari ini, mudah mudah selalu dalam kondisi yang baik baik saja ya
</marquee>
Kelambatan Marquee
Dibawah ini adalah contoh penampilan dari fungsi kelambatan marquee, yang bisa kamu terapkan didalm blog kamu
Info: Bagaimana sobat dengan contoh tampilan dari fungsi kelambatan marquee tersebut, namanya agak lucu ya, ya biarin deh...hehehe (namanya dari admin sih makanya biarin deh)
Contoh Kode
Nah Untuk menampilkan fungsi sebaliknya dari kecepatan marquee yakni kelambatan marquee ini, kamu bisa gunaka aja kode lengkapnya seperti berikut ini
<marquee scrolldelay="400">
Hello Sobat ICloudzer bagaimana kabarmu hari ini, mudah mudah selalu dalam kondisi yang baik baik saja ya
</marquee>
Marquee Mantul
Kemudian untuk membuat tampilan fungsi Marquee bisa Mantul yakni ke kiri dan kekanan tanpa nembus ke bagian blognya seperti contoh berikut ini
Info : Bagaimana sobat dengan contoh tampilan marquee diatas, bisa mantul atau mental kekiri dan kekanan
Contoh Kode
Nah jika kamu ingin menampilkan funsgi seperti contoh diatas kamu bisa menggunakan contoh kode seperti dibawah ini
<marquee behavior="alternate">
Jreng jreng jreng jreng
</marquee>
Marquee Gambar
Sebelumnya admin menggunakan contoh text untuk menjalankan fungsi marqueenya nah kali ini admin akan menggunakan contoh gambar untuk menjalankan fungsi dari Marquee tersebut
Info: Bagaimana sobat kamu lihat gambarnya bergerak ngak, kalau ngak lihat sih berarti 🤔 hmmm... Ya lupain lah, lanjutin membacanya
Contoh Kode
Apabila kamu ingin menggunakan fungsi dari Marquee diatas kamu bia menggunakan contoh kode seperti dibawah ini
<marquee>
<img alt="Contoh Dari fungsi Gambar marquee" src="https://lh3.googleusercontent.com/-7PTCvLdYo4o/X5D4-eBHPWI/AAAAAAAACx8/pg9W8uXMHdYhpvff80VN-i9go67FGyFbQCNcBGAsYHQ/s1600/imageonline-co-transparentimage.png"/>
</marquee>