Bagaimana Cara Membuat Tulisan Dan Gambar Bergerak di blog? Mungkin pertanyaan ini sering di tanyakan oleh blogger pemula. Kenapa? Karena dalam mengelolah blog tersebut, sobat ingin menampilkan sesuatu yang berbeda atau boleh di katakan ingin membuat blog sobat terlihat keren dari blogger lainnya. Saya pun demikian, ingin memberikan sesuatu yang berbeda untuk pengunjung blog yang sederhana ini.
Nah sesuai dengan judul postingan saya kali ini, di khususkan untuk sobat pengunjung yang mau memperindah blog dengan menggunakan kode html <marquee>. Kode ini berfungsi untuk membuat tulisan atau gambar, bergerak atau mondar-mandir di blog sesuai keinginan sobat. Lebih tepatnya kode ini hanya berfungsi sebagai hiasan dalam suatu blog atau website seperti headline news dan lain-lain. Kode <marquee> sangat mudah untuk mengaturnya, jika sobat sudah mengetahuinya.
Jika sobat tertarik untuk mencoba atau menggunakan kode ini, berikut saya bagikan contoh kodenya serta hasil dari penggunaan kode tersebut.
Membuat Gambar Bergerak
Gambar bergerak dari kanan ke kiri
Kode html :
<marquee direction=”left” scrollamount=”2″><a href=”https://milano-ruus.blogspot.com” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ data-original-height=”430″ data-original-width=”539″ height=”155″ src=”https://1.bp.blogspot.com/-ImXqI_yA7gM/WqNAfeldaSI/AAAAAAAAARA/HbeQQnXThawuccOYvPuI6ICrH2lv1mC6wCPcBGAYYCw/s320/IMG_20180310_100905.jpg” width=”220″ /></a></marquee>Keterangan :
- Contoh kode dan gambar di atas di atur bergerak dari kanan ke kiri, jika sobat ingin gambar bergerak berbeda dengan contoh di atas silahkan ganti left dengan right, up, atau down.
- Kode yang berwarna biru “https://milano-ruus.blogspot.com” merupakan link atau alamat tujuan jika di klik gambar tersebut. Sobat bisa menggantinya dengan alamat blog atau website yang di inginkan.
- Kode yang berwarna merah “https://1.bp.blogspot.com/-ImXqI_yA7gM/WqNAfeldaSI/AAAAAAAAARA/HbeQQnXThawuccOYvPuI6ICrH2lv1mC6wCPcBGAYYCw/s320/IMG_20180310_100905.jpg” merupakan link gambar yang sobat tampilkan dalam blog atau website. Kode link gambar ini bisa di ganti dengan yang sobat inginkan.
Membuat Tulisan Bergerak
Untuk membuat tulisan atau teks berjalan, caranya sama dengan membuat gambar bergerak. Hanya yang berbeda di sini yaitu sobat menampilkan tulisan atau teks yang bergerak.
Contoh tulisan bergerak yang lain dari marquee :
1. Bergerak Memantul
Tulisan Bergerak Zig-Zag (Diagonal) MemantulKode html :
<marquee direction=”up” scrollamount=”2″ behavior=”alternate” width=”90%”><marquee direction=”right” behavior=”alternate”><b>Tulisan Bergerak Zig-Zag (Diagonal) Memantul</b></marquee></marquee>2. Bergerak ke atas
Tulisan Bergerak Ke AtasKode html :
<marquee direction=”up” scrollamount=”2″><b>Tulisan Bergerak Ke Atas</b></marquee>3. Tulisan Bergerak Dengan Background Pink
Tulisan Bergerak Dengan Background PinkKode html :
<div style=”background: pink; border: 2px solid blue; color: white; font-size: 20px; font-weigth: bold; letter-spacing: 0.5em; padding: 15px;”><marquee direction=”left” scrollamount=”4″>Tulisan Bergerak Dengan Background Pink</marquee></div>Keterangan :
- Dari ketiga contoh tulisan berjalan di atas, sobat bisa membuatnya berbeda dengan mengubah beberapa kode yang saya berikan warna tebal maupun warna merah dan biru.
Mungkin masih banyak lagi yang bisa sobat buat dengan menggunakan kode <marquee>, tapi pada kesempatan ini saya hanya memberikan gambaran atau contoh umum yang sering di cari teman-teman blogger pemula lainnya. Silahkan sobat aplikasikan, atau kembangkan kode-kode diatas menjadi lebih keren di blog tercinta yang sobat kelolah.
Demikian postingan saya kali ini, semoga bermanfaat untuk sobat pengunjung. Apabila ada yang salah, ada yang ingin sobat tambahkan atau juga berupa koreksi, silahkan tulis dalam kolom komentar.