Bagaimana cara membuat tabel? Dan bagaimana menyisipkan gambar kedalam tabel? Memang terlihat sepele dalam membuat tabel, tapi kalau belum tahu kodenya susah juga sih. Nah ane akan share untuk Cara menyisipkan gambar kedalam tabel di blog yang lebih simple. Anda simak ya tutorial blog dibawah ini.
Cara Menyisipkan Gambar Pada Tabel dio Blogspot
Telebih dahulu anda buat postingan seperti biasa dan setelah itu anda masukkan kode tabel dan gambar dibawah ini kedalam postingan pada posisi HTML (bukan compose).
<center>
<table border="1" style="width: 400px;">
<tbody>
<tr>
<td><div style="text-align: center;">Gambar 1</div></td>
<td><div style="text-align: center;">Gambar 2</div></td>
<td><div style="text-align: center;">Gambar 3</div></td>
</tr>
<tr>
<td><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_bJFX_-o8-YCmJGv-T3keZU6wy75v-NFX1FhjCiQu2or9qsPSD7dVevflGjc-GuMbXh4qtP22s741S2KLJPnJ7sI0BRzFJxiWwcDGIyMoNDSY1roIaG17Y3vCVMbSlSUTWu35q0tRjs/s1600/timmy+time.jpg" /></div></td>
<td><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZdHGvw8mP8dllQI9-Hdn3q8klzSakRDA7MRJ5yqPs5yNrMMTXVgYUHq46IGtFHY4eT607i3S9J8ljYxRHlnn6OpZBJ4zsqRoLlLAV3wDWn3aIvVOjkw65C2UvOOGgEJ6oFEEvXVKKDw/s1600/timmy+time1.jpg" /></div></td>
<td><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBfM8_Zpws9LTqoR-oiYNll99bzwSoejLu2CxpzebrFSO0Hyi7BLe6ZQEtL1cf3osSycyM-QJZyN7KB-o23oLoSw4zh9I3eWwXkrbpzmANty-ASfsxWj-S_PgLsbtG4qwiL_VW2xpONw/s1600/timmy+time2.jpg" /></div></td>
</tr>
</tbody></table>
</center>
Keterangan :
Silahkan ganti warna merah dengan lebar tabel dan gambar anda dan hasilnya seperti ini :
Gambar 1
|
Gambar 2
|
Gambar 3
|
 |
 |
 |
Demikianlah Cara Membuat Tabel dan Menyisipkan Gambar Di Blogspot, semoga bermanfaat.
