Cara bikin gambar berdampingan?

• 

  prabuangsana · Anggota · Agustus 29, 2014 at 7:40 am

  • Salin tautan
  • Tambahkan topik ke favorit

  Susah banget ni cari tau bkin gambar side by side..
  udah googling tapi blum ada jawaban memuaskan!
  Temen temen ada yang tau?

  Blog yang perlu diperbaiki adalah: (hanya ditampilkan ke pengguna yang sudah login)

• 

  buahdadaplus · Anggota · Agustus 29, 2014 at 12:03 pm

  • Salin tautan

  bisa pake fungsi tabel, tapi ada yg lbh gampang lagi… bikin aja galeri. atur supaya ada 2 gambar di dalam galeri tsb

• 

  prabuangsana · Anggota · September 3, 2014 at 3:01 am

  • Salin tautan

  Oke maksih gan…
  langsung coba ke TKP!

• 

  jualfurniturerotan · Anggota · September 17, 2014 at 2:23 am

  • Salin tautan

  hehe kebetulan lagi nyari info ini
  semua thema bisa ya?

  tak coba dulu sarannya buahdadaplus

• 

  duto · Anggota · September 17, 2014 at 11:23 am

  • Salin tautan

  Cara termudah:
  Insert saja dua gambarnya berturutan dan masing-masing diatur “alignnone”. Kalau pengin gambar berdampingan, pastikan pengaturan total lebar kedua gambar tidak melebihi batas maksimal lebar halaman post.
  Nah setelah itu buka dalam mode HTML dan apit saja teks insert-an kedua gambar itu dalam divisi “clear: both” tersendiri atau untuk mudahnya tuliskan di kode ini <div style="clear: both;"> di awal dan tutup dengan kode </div>.
  Mudah saja kok. Silakan dicoba.

• 

  duto · Anggota · September 17, 2014 at 11:25 am

  • Salin tautan

  …maksud saya: untuk mudahnya tuliskan kode ini <div style="clear: both;"> di awal dan tutup dengan kode ini </div>.

• 

  duto · Anggota · September 17, 2014 at 11:33 am

  • Salin tautan

  Ini contoh dua gambar berdampingan (bisa dicopy saja dulu dan dilihat hasilnya):

  <div style="clear:both;"><img class="alignnone wp-image-131235" src="http://simomot.files.wordpress.com/2014/09/gambar1.png?w=300" alt="gambar1" width="200" height="154" /><img class="alignnone wp-image-131234" src="http://simomot.files.wordpress.com/2014/09/gambar2.png?w=300" alt="gambar2" width="200" height="154" /></div>

• 

  duto · Anggota · September 17, 2014 at 11:42 am

  • Salin tautan

  Yang penting adalah perintah “style”-nya. Selain dalam divisi tersendiri, juga bisa dalam bentuk paragraf dengan style yang sama. Contohnya ini (bisa dicopy-paste untuk uji coba):
  <p style="clear:both;"><img src="http://simomot.files.wordpress.com/2014/09/gambar1.png?w=300" alt="gambar1" width="200" height="154" /><img src="http://simomot.files.wordpress.com/2014/09/gambar2.png?w=300" alt="gambar2" width="200" height="154" /></p>

• 

  alamendah · Anggota · September 17, 2014 at 12:02 pm

  • Salin tautan

  mantab @Om Duto

• 

  duto · Anggota · September 17, 2014 at 1:14 pm

  • Salin tautan

  Melalui kode perintah-perintah HTML lain, bisa juga diatur berapa pixel jarak antara 2 gambar, posisi kedua gambar (mau rata kanan, rata kiri, tengah dsb).
  Selain untuk mengatur dua gambar berdampingan, perintah itu juga bisa untuk mengatur dua video yang mau kita buat berdampingan, dsb-dsb.