Menyisipkan Gambar dalam Tabel di Blog

Apakah kalian bertanya-tanya bagaimana cara menyisipkan gambar kedalam tabel? Mungkin kedengarannya sih sedikit ribet, tetapi jika menggunakan tabel ini gambar yang akan kalian posting akan terlihat lebih rapi dan lebih tertata. Berikut ini akan saya jelaskan secara rinci bagaimana langkah-langkahnya.

1. Buka blogger.com

2. Masuk ke create new post dan buat postingan seperti biasa

3. Sisipkan kode dibawah ini kedalam 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/AVvXsEjaNaQOH7f1HPL9hFp2aC4DvZMZYKWFJFQe6aWRNE7GPCNiQN7p949Zopsx4zXmoMOERC-VMqQrpWfnslYQ9BdyMgkVTer2P0gIIPD0ZFffEtV7NGP8L22mc1SKlRoNaR1qPwwijRLJ1l0/s1600/timmy+time.jpg" /></div></td> <td><div style="text-align: center;"><img src="http://3.bp.blogspot.com/-eE7Y6D86MC4/UkP2tnbyUDI/AAAAAAAAB2Q/yxNn_N7j_yk/s1600/timmy+time1.jpg" /></div></td> <td><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpBVb63sqtEFtJERaU5diqLlzkVgnsnXGYpxczcFKLlm_AsO8dc8F2dC9_sC6hPuZmLikej89vwmKnAyc8SvZxo-FSEUtq2UPnQhnvq-ANGaKSLgk6q5IhjbAjQn_1QcPy1quTQHcYkB4/s1600/timmy+time2.jpg" /></div></td> </tr> </tbody></table> </center> Ket : Yang berwarna merah bisa kalian ganti dengan lebar tabel dan gambar yang diinginkan.

4. Sebelum dipublish coba klik preview, maka akan terlihat hasilnya.

5. Setelahnya tinggal dipublish saja deh.

Gimana? Caranya gampang kan? Semoga postingan ini dapat membantu kalian. Salam ^^



Sumber : 
http://ermawatisweet.blogspot.com/2013/09/cara-membuat-tabel-dan-menyisipkan.html