How To Add Side By Side Images In Blogger Post?

How To Add Side By Side Images In Your Blogger Post? most bloggers have that issue. because you cannot directly add images Side By Side in the blog post. Don’t worry let discuss how to add side by side image in the blogger post. A simple side by side image-maker method.

Importance of adding Side By Side Images

When we are maintaining a blogger blog site, especially in Photography, news or Technology, we want many photos to insert into the blog posts, it is important to vary the layout from time to time also it helps to attract the reader for the blog site. 

But when we are trying to add two or more images into our posts in horizontal side by side?, Yes, I think already you had experienced it was difficult to insert. Not only that you can scroll those images. But with that article we discuss, How to Insert Images Horizontally Side by Side in Blogger Blog Post?

How To Add Side By Side Images In Blogger Post? blog side by side image squares
How To Add Side By Side Images In Blogger Post?

However, if you are a blogger with little knowledge about blogging you can see that we can’t place 2,3 or more Side by side images. Some times that is real trouble for bloggers & really not good for bloggers who want to place image side by side.

However, we have found out a solution to add images horizontally side by side. For that, we want to use some HTML codes. Don’t worry about that not required professional coding knowledge. It’s very easy to use.  Here are the simple solutions to do that directly in your blog post.

These are very simple tricks & with help of HTML code, we can place 3 or more images horizontally easily. Let see,

How to add Side by Side images in Blogger post?

Method 01 – How To Add images Side By Side In Blogger Post?

1: Sign in to your Blogger account

2:  Click on Dashboard

3:  Then click on New post

4:  Insert your images one after the other by clicking Insert image function

5:  Click on the HTML tab & insert the following code to put pictures on the same line side by side.

<table><tbody>
<tr><td>photo 1-1
</td><td>photo 1-2
</td></tr></tbody></table> 

Go back to the text tab and you should see like this:

photo 1-11photo 1-22

Step 6:  Now Insert that uploaded images into boxes.

Side the two images where you have to insert into the article in both boxes. Then remove the text “photo 1-01, photo 1-02.”

Step 7: Click on the compose tab & view your images.

You want to add more images or another Line of images, then you have to add another HTML code for that like below.

<table><tbody>
<tr><td>photo 1-1
</tr><td>photo 1-2
</td></tr></tbody></table> 
<table><tbody>
<tr><td>photo 2-1
</td><td>photo 2-2
</td></tr></tbody></table> 

If the above method does not work, then please try the below steps.

method 02 – How To Add images Side By Side In Blogger Post?

If the above method does not work, then please try the below steps.

1: Sign in to your Blogger account

2:  Select Dashboard

3:  Click on New post

4:  In the HTML tab insert the code.

              Click on the HTML tab & insert the following code to put pictures on the same line side by side.

<table><tbody>
<tr><td>photo 1-1
</td><td>photo 1-2
</td></tr></tbody></table> 
photo 1-1photo 1-2

Step 5:  Insert the images. Here we can follow 2 methods.

            1.  If you have the image URLs then replace below URLs into photo 01-1, photo 01-2. You want to replace your image URLs with INSERT YOUR IMAGE URLs  ( delete INSERT YOUR IMAGE URL paste your image URLs there) Then remove the text ‘photo 01-1, photo 01-2’ 

 <img border=”0″ src=”INSERT YOUR IMAGE URL” width=”250” />

         2. If still you are not inserted images then Delete photo 01-1  & click on image insert button, Go to Image URLs –>> enter your Image  URLs –>> insert & Do customize(Size).

Step 6:  Click on the compose tab & view your images

OK, now it’s time to click on the Publish button to Publishing your posts.

If you want to add 4 images, then you want to do some customize for the above codes.

<table><tbody>
<tr><td>photo 1-1
</td><td>photo 1-2
</td><td>photo 1-3
</td><td>photo 1-4
</td></tr></tbody></table>
photo 1-1photo 1-2photo 1-3photo 1-4

Method 03 To Add images Side By Side In Blogger Post?

1: Sign in to your Blogger account

2:  Select Dashboard

3:  Click on New post

4:  Insert your images one after the other

5:  Open HTML tab. In the HTML tab inserts the code.

<table>
<tr>
<td>
<a href="Image URL Here" imageanchor="1"><img border="0" src="Image URL Here"/></a>
</td>
<td>
<a href="Image URL Here" imageanchor="1" ><img border="0" src="Image URL Here"/></a>
</td>
<td>
<a href="Image URL Here" imageanchor="1" ><img border="0" src="Image URL Here"/></a>
</td>
</tr>
</table>

                Replace your images URLs with Image URL Here.

Step 6:  Click on the compose tab & view your images

Ok, now it’s time to click on the Publish button to Publishing your posts.

Method 04 To Add Side By Side image In Blogger Post?

1: Sign in to your Blogger account

2:  Select Dashboard

3:  Click on New post

4:  Insert your images one after the other

5:  Open HTML tab. In the HTML tab-insert the code.

<table>
<tr>
<td>
Image URL Here
</td>
<td>
Image URL Here
</td>
</tr>
</table>

6:  Now delete Image URL Here & click on image insert button, Go to Image URLs >> enter your Image URLs >> insert & Do customize.

7:  Click on the compose tab & view your images

 OK, now it’s time to click on the Publish button to Publishing your posts

Now I think you can easily add images horizontally side by side in blogger. Also, you can add one or more images lines.

I hope the above 04 methods help you to add Horizontally Side by Side Images in Blogger post. And if you have any problem or know more on this, Please share with us in the comments section below. Thanks!

Follow me

Keshan Liyanagamage

Blogger at Takitakibiz
Hi! I'm Keshan Liyanagamage. A blogger.

Takitakibiz.com is created to provide free guides and tips to help online Entrepreneurs in enhancing and simplifying their Online/Offline Business, Blogging, and SEO knowledge. Takitakibiz was founded in Feb. 2018

I believe that knowledge should be free. So please, gain more knowledge through TakitakiBiz to Become Your Own Boss.
Keshan Liyanagamage
Follow me
Share This & Spread the Knowledge

Leave a Reply

Your email address will not be published. Required fields are marked *

four × four =