Cara Membuat Gambar Sejajar didalam Table Blog - Kadang perlu juga dibuat untuk keserasian gambar pada widget atau bahkan balncing gambar dalam postingan blogger. Untuk menerapkan widget validasi W3C saja saya sampai kelimpungan tak tahu nama cara ini. Untungnya saya dulu pernah posting pada blog lama yang sudah lupa loginnya. dengan judul Cara Membuat Gambar Berdampingan.
<table><tr>
<td> Gambar 1 Letakkan kode URL Gambar 1</td>
<td>Gambar 2 Letakkan kode URL Gambar 2 </td>
</tr></table>
<table><tr>
<td> Gambar 1 Letakkan kode URL Gambar 1</td>
<td>Gambar 2 Letakkan kode URL Gambar 2 </td>
</tr></table>
Kode URL Gambar 1 = <a href="https://1.bp.blogspot.com/-pCXqB56g92s/XSBEbnQAJKI/AAAAAAAAFDI/qpy7kGskOY0qUCLiQaN4MtRQlVPAa-DqgCEwYBhgL/s1600/Gambar1.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Gambar 1" data-original-height="325" data-original-width="498" height="208" src="https://1.bp.blogspot.com/-pCXqB56g92s/XSBEbnQAJKI/AAAAAAAAFDI/qpy7kGskOY0qUCLiQaN4MtRQlVPAa-DqgCEwYBhgL/s320/Gambar1.jpg" width="320" /></a>
Kode URL Gambar 2 = <a href="https://1.bp.blogspot.com/-fAq1fovOWAo/XSBEbnkKyxI/AAAAAAAAFDM/Y2Z-XTld3bQIXfizLUvu3ScBC-yb5hh0gCEwYBhgL/s1600/Gambar2.jpg" " style="margin-left: 1em; margin-right: 1em;"><img alt="Gambar 2" data-original-height="325" data-original-width="498" height="208" src="https://1.bp.blogspot.com/-fAq1fovOWAo/XSBEbnkKyxI/AAAAAAAAFDM/Y2Z-XTld3bQIXfizLUvu3ScBC-yb5hh0gCEwYBhgL/s320/Gambar2.jpg" width="320" /></a>
Gambar 1 | Gambar 2 |
Gambar 1
Gambar 2
Cara Membuat Gambar Sejajar didalam Table Blog ini, membuat postingan blog kita tata letak kalimat juga gambar cukup RAPI. dan tentunya enak untuk dipandang. Selain itu, postingan tidak terlalu memakan tempat karena letak gambar bisa sejajar horisontal.