Belajar Membuat Marquee atau Teks Berjalan di Blog

Belajar Membuat Marquee atau Teks Berjalan di Blog

Pada kesempatan kali ini, saya akan kembali memeberikan sedikit Tips seperti postingan saya yang sebelumnya, yaitu seputar HTML, tips kali ini yaitu tentang bagaimana cara membuat tulisan atau teks berjalan di blog
, atau biasa di sebut dengan marquee, tujuan dari pemberian marquee ini tidak lain dan tidak bukan adalah untuk mempercantik tampilan artikel yang kita posting, langsung saja di bawah ini adalah macam-macam tag kode marquee beserta contohnya, silahkan di lihat dan di langsung di praktikkan.

Teks Berjalan terus menerus

Code	Hasil
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>	STMIK AMIKOM Yogyakarta

Teks slide-in:

ini adalah Marquee jenis slide yang berjalan dari kanan ke kiri, jika sudah samapai di kiri maka akan berhenti, jika ingin melihat marquee jenis ini bergerak lagi, silahkan klik refresh

Code	Hasil
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>	STMIK AMIKOM Yogyakarta

Teks memantul:

Code	Hasil
<marquee behavior="alternate">Your bouncing text goes here</marquee>	STMIK AMIKOM Yogyakarta

Teks bergeser keatas:

Code	Hasil
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>	STMIK AMIKOM Yogyakarta

Mengubah Kecepatan teks berjalan:

Code	Hasil
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>	Slow scroll speedMedium scroll speedFast scroll speed

Scrolling Images:

Silahkan ganti src="... dengan url gambar anda sendiri.

Code	Hasil
<marquee behavior="scroll" direction="left"><img src="url-gambar-anda.png" width="100" height="100" alt="Amikom" /></marquee>

Gambar dan teks (berjalan berasama):

Hanya menambahkan teks di bawah tag gambar (tapi harus tetap didalam tag marquee).

Code	Hasil
<marquee behavior="scroll" direction="left"><img src="url-gambar-anda.png" width="100" height="100" alt="Amikom" /><p>Contoh link <a href="https://www.amikom.ac.id">Amikom</a></p></marquee>	Contoh link Amikom

Sekian sedikit artikel tentang Belajar Membuat Marquee atau Teks Berjalan di Blog  yang bisa saya sampaikan, jika masih ada pertanyaan silahkan tulis di kolom komentar atau langsung hubungi admin, terima kasih :D

Artikel Terkait

Belajar Membuat Marquee atau Teks Berjalan di Blog

4/ 5

Oleh Budi hartono

Maret 19, 2015 Komentar