05 February 2022

Cara Membuat Gambar Berjejer ke Samping

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم


Kita sering menemukan gambar pada sebuah postingan. Fungsi gambar itu bermacam-macam, ada yang sebagai pelengkap dari sebuah artikel, tapi ada juga yang berfungsi sebagai penghias saja supaya tidak kelihatan tulisannya saja. Di beberapa tulisan itu kita pernah melihat gambar yang begitu banyak terletak dalam satu baris ke bawah.

Contohnya seperti ini :






Pastinya kondisi ini bisa menjadikan artikel menjadi panjang dengan banyak gambar. Supaya gambar itu tidak memenuhi alinea dari sebuah artikel bisakah? mungkin bisa. Karena kita akan sama-sama mengotak-atik kode yang sudah ada dan bisa kita lakukan. Okelah kalau begitu mari kita langsung saja ke prakteknya.

Baca Juga : Cara Membuat Background Posting Menjadi Berwarna-warni

Sebenarnya ada kodenya dikit sih .. diberi kode tabel : sederhana bukan?
Bagaimana, langsung dipraktekkan saja? Lihat di Codepen untuk lebih jelasnya

See the Pen Gambar Berjejer Kesamping by Alifacode (@Alifacode) on CodePen.



Coba kalian liat dibawah : ini codenya yang mesti kamu lakukan di postingan nanti.

<table><tr><td><img src='URL alamat gambar kamu'/></td><td><img src='URL alamat gambar kamu'/></td><td><img src='URL alamat gambar kamu'/></td></tr></table>
<table><tr><td><img src='URL alamat gambar kamu'/></td><td><img src='URL alamat gambar kamu'/></td><td><img src='URL alamat gambar kamu'/></td></tr></table>


Sudah pada tau khan apa itu URL alamat gambar? Kalau pada belum tau, ini ada sedikit keterangannya. URL gambar itu ini misal : https://blogger.googleusercontent.com/img/a/AVvXsEhH5AWR4odmUcsnFmB-. Nah itu dia URL yang kita maksud sudah terpampang jelas.


Jadinya nanti seperti ini :



Untuk lihat versi videonya bisa dilihat di Youtube.




Sudah selesai pekerjaan kita hari ini. Sekarang saatnya bagi kamu mencoba, supaya gambar yang banyak di artikel blog bisa tertata rapi dan eyecatching. Sudah saatnya saya undur diri sejenak meluangkan waktu untuk mengisi artikel-artikel berikutnya. Terima kasih yang sudah mau membaca artikel Cara Membuat Gambar Berjejer ke Samping. Terima kasih. Practice better than theory

Bagikan ke teman-teman kamu
Label Postingan : Tips Blog

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Cara Membuat Gambar Berjejer ke Samping . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon