Monday, February 26, 2018

February 26, 2018
Hello friends,

How to add Images Horizontally Side by Side in Blogger ?

Are you looking for How to Insert Images Horizontally? ok. Then discuss about it.
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 lay out from time to time also it helps to attract the reader for blog site. But when we are trying to add two or more images into our posts in horizontally side by side????, Yes, I think already you had experienced it was difficult to insert. So you are looking for How to Insert Images Horizontally Side by Side in Blogger Blog post?


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

However, we have find out a solution for add images horizontally side by side. For that we want to use some HTML codes. Don’t worry for 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 side by side easily.

Method 01.

Step 1:  Sign into your Blogger account
Step 2:  Click on Dash board
Step 3:  Then click on New post
Step 4:  Insert your images one after the other by clicking Insert image function
Step 5:  Click on the HTML tab & insert the following code to put pictures on the same line slide by slide.

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




How to Insert Images Horizontally Side by Side in Blogger Blog post?



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



photo 1-1 photo 1-2


Step 6:  Now Insert that uploaded images into boxes.
              Slide the two images where you have to inserted into the article in both boxes. Then remove the text “photo 1-1, photo 1-2.”
Step 7 : Click on compose tab & view your images.

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

<table><tbody>
<tr><td>photo 1-1
</td><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 above method is not work, then please try below steps.



If it’s not work, please try below steps.


method 02.

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

Step 1:  Sign into your Blogger account
Step 2:  Select Dash board
Step 3:  Click on New post
Step 4:  In the HTML tab insert the code.
              Click on the HTML tab & insert the following code to put pictures on the same line slide by slide.

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



photo 1-1 photo 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 1-1 , photo 1-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 1-1, photo 1-2’ 




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





            2. If still you are not insert images then Delete photo 1-1  & click on image insert button, 

            Go to Image URLs -->> enter your Image  URLs -->> insert & Do customize(Size).



Step 6:  Click on compose tab & view your images



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



   If you want to add 4 images, then you want to do some customize for 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-1 photo 1-2 photo 1-3 photo 1-4


Method 03.

Step 1:  Sign into your Blogger account
Step 2:  Select Dash board
Step 3:  Click on New post
Step 4Insert your images one after the other
Step 5:  Open HTML tab. In the HTML tab insert 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 compose tab & view your images

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



Method 04

Step 1:  Sign into your Blogger account
Step 2:  Select Dash board
Step 3:  Click on New post
Step 4:  Insert your images one after the other
Step 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>

Step 6:  Now delete Image URL Here & click on image insert button, Go to Image URLs >> enter your Image URLs >>
              insert & Do customize
Step 7:  Click on compose tab & view your images

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

ok. today we discuss about How to add Images  Side by Side in Blogger ?
Now I think you can easily add images horizontally side by side. Also you can add one or more images lines.


For more reading THEWONDERSPOT

........................................................................................................................................................................................................................
EMoneySpot  -  Earn with us..........................................................................................>>>
........................................................................................................................................................................................................................

 How to earn money online.......................................................................................>>>

Improve organic SEO rankings while EARN MONEY (0.05/0.10$) per view.......>>>

How to take screenshots in windows 10 : Different Methods?................................>>>

Free Bandwidth Monitoring Tools For windows PC?.............................................>>>

Abnormally high internet bandwidth usage, c-0001.c-msedge.net of window 10....................>>> 

How to Speed up Internet connection on Windows 10..............................................................>>>

How to Disable Automatic Updates in Microsoft Office 2016?.................................................>>>

How to Disable Automatic Updates in Microsoft Office 2016?..................................................>>>

How to Block Windows 10 "Spying"? ........................................................................................>>>

How to start a Blog?.....................................................................................................................>>>

How to Choose the Best Blogging Platform, advantages & disadvantage.................................>>>

How to make your blog SEO friendly?........................................................................................>>>


All in one SEO pack for Blogger blog.........................................................................................>>>

Thank you for reading.
Good Luck.

Don’t forgot to Subscribe us to get latest news letters and give your feedback in below comment section ;-) ;-)

0 comments:

Post a Comment

Thank you for visit us.
Give your feedback. Don't worry. Your email is safe with us.
Subscribe us to get latest news letters.

amazon

 
Copyright © The WonderSpot All Right Reserved
Powered by Blogger