Cara Merapihkan Foto di Postingan Blog Dengan Tabel - Max Ikhsan
Advertisement
Advertisement

Cara Merapihkan Foto di Postingan Blog Dengan Tabel

 

cara agar foto di postingan rapih

Jika kamu blogger permula, pasti kamu pernah ngalamin gimana ribetnya ngatur foto atau gambar yang diupload di postingan blog. Saya juga ngalamin hal tersebut dulu ketika masih baru-baru membuat artikel.

Jadi dulu saya kira kalau upload foto atau gambar di blog itu bisa langsung tersusun rapi seperti di facebook. Akan tetapi teryata berbeda, saat foto atau gambar yang diupload di blog cukup banyak dan memiliki ukuran yang berbeda, maka hasilnya jadi berantakan.

Berbeda jika kamu hanya mengupload gambar judul atau pendukung yang hanya berjumlah satu, maka kamu bisa merapihkan dimana letaknya dan mengukur seberapa besar sizenya.

Masalahnya adalah jika kamu mau upload foto atau gambar yang cukup banyak di blogger, kamu tidak bisa upload gitu saja. Jika ingin terlihat rapih maka kamu bisa menggunakan tabel seperti contoh berikut ini : Galleri

Dalam halaman galleri ada beberapa gambar yang berbeda ukuran namun tetap rapih, untuk merapihkan foto atau gambar tersebut kamu tinggal copy kode dibawah ini :

<table border="1">
<tr>
<td>upload</td>
<td>upload</td>
</tr> <tr> <td>upload</td>
<td>upload</td>
</tr> </table>

Catatan :
  • Pada bagian border="1" bisa kamu ubah nilainya, Jika nilainya 0 (nol) maka tabel tidak akan memiliki border. Sedangkan jika nilainya 1, 2, 3, dan seterusnya, maka border akan semakin tebal.
  • Pada bagian upload adalah tempat kamu menyimpan link gambar. Caranya adalah setelah kamu copy kode tadi, maka buat postingan pada tampilan HTML. Pastekan code, lalu setelah muncul kamu hapus bagian upload. Setelah itu kamu tinggal upload foto atau gambar yang sudah kamu siapkan tepat ditengah kode <td>..... </td>.
  • Jika foto atau gambar yang akan diupload banyak, maka kamu tinggal menambah kolom samping atau kolom bawah. Caranya kamu tinggal menambah kode <td>upload</td> jika ingin  menambah ke samping. Untuk menambah kebawah kamu tinggal tambah kode <tr><td>upoad</td></tr> tepat dibawa kode <table border="1"> atau diatas kode </table>.
JIka kamu merasa artikel ini bermanfaat maka silahkan share ke medsos kamu. Jika berkenan membantu saya untuk terus berkarya, maka mohon bantulah saya untuk terus mengembangkan blog serta channel youtube saya dengan cara SUBSCRIBE channel Max Ikhsan.

Terimakasih supportnya :)
Ikut diskusi
Tutup diskusi
Berkomentarlah dengan bijak dan sopan!
# Silahkan tulis pesan di kolom komentar.
# Pesan akan dibalas saat saya online.
# Komentar spam tidak dipublikasikan.

Posting Komentar