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 membuat blog sobat terlihat keren dari blogger lainnya. Saya pun demikian, ingin menawarkan 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 instruksi html <marquee>. Kode ini berfungsi untuk membuat tabrakan pena atau gambar, bergerak atau mondar-mandir di blog sesuai cita-cita sobat. Lebih tepatnya instruksi ini hanya berfungsi sebagai hiasan dalam suatu blog atau website mirip headline news dan lain-lain. Kode <marquee> sangat simpel untuk mengaturnya, jikalau sobat sudah mengetahuinya.
Jika sobat tertarik untuk mencoba atau menggunakan instruksi ini, berikut saya bagikan referensi kodenya serta hasil dari penggunaan instruksi tersebut.
Kode html :
Kode html :
Mungkin masih banyak lagi yang sanggup sobat buat dengan menggunakan instruksi <marquee>, tapi pada kesempatan ini saya hanya menawarkan gambaran 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.
For more articles about how to be best Blogger Please KLIK HERE
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.
Nah sesuai dengan judul postingan saya kali ini, di khususkan untuk sobat pengunjung yang mau memperindah blog dengan menggunakan instruksi html <marquee>. Kode ini berfungsi untuk membuat tabrakan pena atau gambar, bergerak atau mondar-mandir di blog sesuai cita-cita sobat. Lebih tepatnya instruksi ini hanya berfungsi sebagai hiasan dalam suatu blog atau website mirip headline news dan lain-lain. Kode <marquee> sangat simpel untuk mengaturnya, jikalau sobat sudah mengetahuinya.
Jika sobat tertarik untuk mencoba atau menggunakan instruksi ini, berikut saya 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://berkatilmu21.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/AVvXsEgNcmn7UnSDBS9W67R89nsLBqXj-m9zn6FBKgXCLk_ZRm3xUeVWsZeFTi0PnRVDERQ3SaXlwatVorIfatETyYE8y9lWVUArtr_gsq2Cb2saOo1Mvbueq_1b2EnAnQb3tStYkfE0Kgr1phQ/s320/IMG_20180310_100905.jpg" width="220" /></a></marquee>
Keterangan :- Contoh instruksi dan gambar di atas di atur bergerak dari kanan ke kiri, jikalau sobat ingin gambar bergerak berbeda dengan referensi di atas silahkan ganti left dengan right, up, atau down.
- Kode yang berwarna biru "https://berkatilmu21.blogspot.com" merupakan link atau alamat tujuan jikalau di klik gambar tersebut. Sobat sanggup menggantinya dengan alamat blog atau website yang di inginkan.
- Kode yang berwarna merah "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNcmn7UnSDBS9W67R89nsLBqXj-m9zn6FBKgXCLk_ZRm3xUeVWsZeFTi0PnRVDERQ3SaXlwatVorIfatETyYE8y9lWVUArtr_gsq2Cb2saOo1Mvbueq_1b2EnAnQb3tStYkfE0Kgr1phQ/s320/IMG_20180310_100905.jpg" merupakan link gambar yang sobat tampilkan dalam blog atau website. Kode link gambar ini sanggup di ganti dengan yang sobat inginkan.
Membuat Tulisan Bergerak
Untuk membuat tabrakan pena atau teks berjalan, caranya sama dengan membuat gambar bergerak. Hanya yang berbeda di sini adalah sobat menampilkan tabrakan pena atau teks yang bergerak.
Contoh tabrakan pena bergerak yang lain dari marquee :
1. Bergerak Memantul
Kode html :Contoh tabrakan 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 tabrakan pena berjalan di atas, sobat sanggup membuatnya berbeda dengan mengubah beberapa instruksi yang saya berikan warna tebal maupun warna merah dan biru.
Mungkin masih banyak lagi yang sanggup sobat buat dengan menggunakan instruksi <marquee>, tapi pada kesempatan ini saya hanya menawarkan gambaran 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.
For more articles about how to be best Blogger Please KLIK HERE
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.
Belum ada Komentar untuk "Cara Menciptakan Goresan Pena Dan Gambar Bergerak"
Posting Komentar