thumb When you have many images that you want to include in a blog post, it is important to place them compactly. This way, the reader won’t have to scroll down forever and ever to see your images. Here’s a simple solution to do that.



All you need is a table. In a table you can place multiple images on the grid. You can use two, three or more columns.


Step 1. Insert the table code to place where you need to put two pictures on the same line.

<table>
<tbody>
	<tr>
		<td>Photo 1</td>
		<td>Photo 2</td>
	</tr>
</tbody>
</table>

Note: Replace the Photo 1 and Photo 2 with links to your images.

If you have more then two images then, repeat part of the table code like following:

<table>
<tbody>
	<tr>
		<td>Photo 1.1</td>
		<td>Photo 1.2</td>
	</tr>
	<tr>
		<td>Photo 2.1</td>
		<td>Photo 2.2</td>
	</tr>
	<tr>
		<td>Photo 3.1</td>
		<td>Photo 3.2</td>
	</tr>
</tbody>
</table>

Note: Replace the Photo * with links to your images.


Step 2. Insert your images into boxes instead of text “Photo 1” and “Photo 2” etc.

Example:

Photo 1.1 Photo 1.2
Photo 2.1 Photo 2.2
Photo 3.1 Photo 3.2


P.S. This solution is works in Blogger, WordPress and other CMS.


Arthur Gareginyan

Arthur Gareginyan

Arthur is a designer and full stack software engineer. He is the founder of MyCyberUniverse.com. His personal website can be found at arthurgareginyan.com. Check out his free WordPress plugins at wordpress.org.

Follow Arthur: