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 instruksi html <marquee>. Kode ini berfungsi untuk menciptakan goresan pena atau gambar, bergerak atau mondar-mandir di blog sesuai impian sobat. Lebih tepatnya instruksi ini hanya berfungsi sebagai hiasan dalam suatu blog atau website menyerupai headline news dan lain-lain. Kode <marquee> sangat gampang untuk mengaturnya, kalau sobat sudah mengetahuinya.
Jika sobat tertarik untuk mencoba atau memakai instruksi ini, berikut aku bagikan referensi kodenya serta hasil dari penggunaan instruksi tersebut.
Kode html :
Kode html :
Mungkin masih banyak lagi yang dapat sobat buat dengan memakai instruksi <marquee>, tapi pada kesempatan ini aku hanya memperlihatkan citra atau referensi 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 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. Sumber https://milano-ruus.blogspot.com/
Nah sesuai dengan judul postingan aku kali ini, di khususkan untuk sobat pengunjung yang mau memperindah blog dengan memakai instruksi html <marquee>. Kode ini berfungsi untuk menciptakan goresan pena atau gambar, bergerak atau mondar-mandir di blog sesuai impian sobat. Lebih tepatnya instruksi ini hanya berfungsi sebagai hiasan dalam suatu blog atau website menyerupai headline news dan lain-lain. Kode <marquee> sangat gampang untuk mengaturnya, kalau sobat sudah mengetahuinya.
Jika sobat tertarik untuk mencoba atau memakai instruksi ini, berikut aku bagikan referensi kodenya serta hasil dari penggunaan instruksi tersebut.
Membuat Gambar Bergerak
Gambar bergerak dari kanan ke kiri
Kode html :
2. Bergerak ke atas <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKVaIaph08P5eAV3xGBbPcRUAd81LAsLgJrR2ht1Au535r9WK5BJIqOjDgohs-_bpFHdJqaSZOtGkuIRsxExeJGGCFtTV1rsV-Vc9KuzVqjXpCtzqezWABwl-H8gZ2GUXMbAWQWtx3E_Q/s320/IMG_20180310_100905.jpg" width="220" /></a></marquee>
Keterangan :- Contoh instruksi dan gambar di atas di atur bergerak dari kanan ke kiri, kalau sobat ingin gambar bergerak berbeda dengan referensi di atas silahkan ganti left dengan right, up, atau down.
- Kode yang berwarna biru "https://milano-ruus.blogspot.com" merupakan link atau alamat tujuan kalau 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/AVvXsEhKVaIaph08P5eAV3xGBbPcRUAd81LAsLgJrR2ht1Au535r9WK5BJIqOjDgohs-_bpFHdJqaSZOtGkuIRsxExeJGGCFtTV1rsV-Vc9KuzVqjXpCtzqezWABwl-H8gZ2GUXMbAWQWtx3E_Q/s320/IMG_20180310_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 yakni sobat menampilkan goresan pena atau teks yang bergerak.
Contoh goresan pena bergerak yang lain dari marquee :
1. Bergerak Memantul
Kode html :Contoh goresan pena bergerak yang lain dari marquee :
1. Bergerak Memantul
<marquee direction="up" scrollamount="2" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"><b>Tulisan Bergerak Zig-Zag (Diagonal) Memantul</b></marquee></marquee>
<marquee direction="up" scrollamount="2"><b>Tulisan Bergerak Ke Atas</b></marquee>
3. Tulisan Bergerak Dengan Background Pink <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 referensi goresan pena berjalan di atas, sobat dapat membuatnya berbeda dengan mengubah beberapa instruksi yang aku berikan warna tebal maupun warna merah dan biru.
Mungkin masih banyak lagi yang dapat sobat buat dengan memakai instruksi <marquee>, tapi pada kesempatan ini aku hanya memperlihatkan citra atau referensi 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 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. Sumber https://milano-ruus.blogspot.com/