Cara Membuat Gambar foto Berjajar Rata di Postingan Blogger

ZTNCODING akan membagikan tutorial Cara Membuat Gambar Berjajar Rata di Postingan Blogger

oke langkah yang harus kalian siapkan adalah

1. pertama buat postingan baru atau halaman upload terlebih dahulu foto yang ingin kalian tampilkan ganti mode Tampilan Penulis ke mode Tampilan HTML. copy Link URL foto tersebut pastekan di Notepad.

2. copy kode ini ke dalam postingan letakkan di manasaja

<table>
<tr>
<td><img src='URL-Foto1'/>
</td>
<td><img src='URL-foto2'/>
</td>
<td><img src='URL-foto3'/>
</td></tr>
</table>

2. Kode yang ke dua agar gambar berada di tengah

<center>
<table>
<tr>
<td><img src='URL-Foto1'/>
</td>
<td><img src='URL-foto2'/>
</td>
<td><img src='URL-foto3'/>
</td></tr>
</table>
</center>

3. Agar Foto Berukuran sama kita tambahkan width dan hight

<div style="text-align: center;"><img border="none" height="240" src="URL-foto1" width="180"/><img border="none" height="240" src="URL-foto2" width="180"/><img border="none" height="240" src="URL-foto3" width="180"/><img border="none" height="240" src="URL-foto4" width="180"/>
</div>

4. Membuat foto slideshow

<div style="border: 2px solid black; height: 320px; overflow-x: auto; overflow-y: auto; width: auto;"><div style="width: 228%;"><div style="text-align: center;"><img border="none" height="320" src="URL-foto1" width="180"/><img border="none" height="320" src="URL-foto2" width="180"/><img border="none" height="320" src="URL-foto3" width="180"/><img border="none" height="320" src="URLfoto4" width="180"/>
</div></div></div>

Dan Selesai Semoga Bermanfaat

Terimakasih Telah Berkunjung ke Blog ini. jika Sobat Berkenan Silahkan Share Artikel ini ke media sosial milik sobat atau tinggalkan komentar dibawah 👇☺