How to make a photo gallery without 3rd party code/widget

Today, I want to show you how to make a photo gallery from your uploaded photos on your Blogspot or Picasa (Google service).
This post explains how create a photo gallery on Blogger containing 6 images arranged in a 2 row by 3 column table.
Firstly, you need to create a new post in HTML mode.
Secondly, copy and paste the following code in to HTML editing window
<table cellpadding="3"> <!--3 means 3 columns-->
<tbody>

<!--Each block is a row. If you want more row, copy and paste the following block-->
<tr>
<td align="center" width="25%"></td>
<td align="center" width="25%"></td>
<td align="center" width="25%"></td>
</tr>
<tr>
<td align="center" width="25%"></td>
<td align="center" width="25%"></td>
<td align="center" width="25%"></td>
</tr>
</tbody>
</table>

Then, put the insertion point before the closing tag (</tg> and click Insert image icon, choose image source as "From this blog" or "From Picasa web album". Choose an image to insert.

Repeat this step for other 5 photos to have a gallery of 6 (2 by 3).

Example for photo gallery

Finally,
you have your gallery available for publish. See my sample made from this instruction

Optional: You should add information for your images for reader to search and improve your engine search optimization. This step by step guide can be found here