32. Cara Bikin Running Text + Image dengan Marquee

Hello everyone!

Tutorial membuat running text sudah pernah saya jelaskan, akan tetapi kali ini beda. Kita akan membuat sebuah running yang berisi text dan image. Simak terus!

1. Code HTML

Running Text

				
					<marquee behavior="scroll" direction="left">
    Ini adalah teks berjalan dari kiri ke kanan.
</marquee>

				
			

2. Code HTML

Running Image

				
					<marquee behavior="scroll" direction="right">
    <img decoding="async" src="URL" alt="Contoh Gambar">
</marquee>

				
			

3. Code HTML

Running text dan image bersamaan dengan ukuran yang bisa diatur (px)

				
					<marquee behavior="scroll" direction="left">
    Running text dan image: 
    <img decoding="async" src="URL" alt="Contoh Gambar" width="50">
</marquee>
				
			

Semoga bermanfaat dan selamat mencoba!

Shopping Cart
Scroll to Top