√ Cara Menciptakan Goresan Pena Dan Gambar Bergerak

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 menciptakan blog sobat terlihat keren dari blogger lainnya. Saya pun demikian, ingin memperlihatkan sesuatu yang berbeda untuk pengunjung blog yang sederhana ini.

Nah sesuai dengan judul postingan aku kali ini, di khususkan untuk sobat pengunjung yang mau memperindah blog dengan memakai isyarat html <marquee>. Kode ini berfungsi untuk menciptakan goresan pena atau gambar, bergerak atau mondar-mandir di blog sesuai harapan sobat. Lebih tepatnya isyarat ini hanya berfungsi sebagai hiasan dalam suatu blog atau website menyerupai headline news dan lain-lain. Kode <marquee> sangat gampang untuk mengaturnya, jikalau sobat sudah mengetahuinya.

Jika sobat tertarik untuk mencoba atau memakai isyarat ini, berikut aku bagikan pola kodenya serta hasil dari penggunaan isyarat tersebut.

Membuat Gambar Bergerak

Gambar bergerak dari kanan ke kiri
Kode html :
<marquee direction="left" scrollamount="2"><a href="" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="430" data-original-width="539" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy1zABOkPGS4Q2aZQZyDBrgfL0F5w15p8sFSiWzItJHt4L2t72YCbXRYS6WmBZcHatZoONmXFE8xybeCapyPBQoeM02E1cBCX5E2aF8oja3b2jlaXQb9TuyVbUM-Ml9opgokhwUwP0LbE/s320/IMG_20190310_100905.jpg" width="220" /></a></marquee>
Keterangan :

  • Contoh isyarat dan gambar di atas di atur bergerak dari kanan ke kiri, jikalau sobat ingin gambar bergerak berbeda dengan pola di atas silahkan ganti left dengan right, up, atau down.
  • Kode yang berwarna biru "" merupakan link atau alamat tujuan jikalau di klik gambar tersebut. Sobat dapat menggantinya dengan alamat blog atau website yang di inginkan.
  • Kode yang berwarna merah "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy1zABOkPGS4Q2aZQZyDBrgfL0F5w15p8sFSiWzItJHt4L2t72YCbXRYS6WmBZcHatZoONmXFE8xybeCapyPBQoeM02E1cBCX5E2aF8oja3b2jlaXQb9TuyVbUM-Ml9opgokhwUwP0LbE/s320/IMG_20190310_100905.jpg" merupakan link gambar yang sobat tampilkan dalam blog atau website. Kode link gambar ini dapat di ganti dengan yang sobat inginkan.

Membuat Tulisan Bergerak

Untuk menciptakan goresan pena atau teks berjalan, caranya sama dengan menciptakan gambar bergerak. Hanya yang berbeda di sini adalah sobat menampilkan goresan pena atau teks yang bergerak.

Contoh goresan pena bergerak yang lain dari marquee :

1. Bergerak Memantul
Tulisan Bergerak Zig-Zag (Diagonal) Memantul
Kode 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 Atas
Kode html :
<marquee direction="up" scrollamount="2"><b>Tulisan Bergerak Ke Atas</b></marquee>
3. Tulisan Bergerak Dengan Background Pink
Tulisan Bergerak Dengan Background Pink
Kode 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 pola goresan pena berjalan di atas, sobat dapat membuatnya berbeda dengan mengubah beberapa isyarat yang aku berikan warna tebal maupun warna merah dan biru.

Mungkin masih banyak lagi yang dapat sobat buat dengan memakai isyarat <marquee>, tapi pada kesempatan ini aku hanya memperlihatkan citra atau pola 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.

For more articles about how to be best Blogger Please KLIK HERE

Demikian postingan aku kali ini, agar bermanfaat untuk sobat pengunjung. Apabila ada yang salah, ada yang ingin sobat tambahkan atau juga berupa koreksi, silahkan tulis dalam kolom komentar.

Belum ada Komentar untuk "√ Cara Menciptakan Goresan Pena Dan Gambar Bergerak"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel