create your own

How To Place Photos Side By Side In Blogger

84
rate or flag this page

By Isabella Snow


If you're reading this article, you've probably been trying to get pics into your blogger posts in a side-by-side fashion, but couldn't quite figure out how to manage it. That's because the option isn't available in the control panel for some reason. If you want to place two photos side by side in blogger, you'll have to go into the HTML of the post itself (NOT the HTML of your template!), but don't worry, it's really very easy to do; you just need to host your image on a free image hosting site like Photobucket. You will, however, have to do insert the new code every time -- in other words, every time you want to create a post in blogger which has side by side pics. So let's get to the part about how you do it.


Step 1

Go to your Blogger dashboard

Step 2

Click on the Posting tab

(Clicking on the posting tab should automatically take you the Create Post section.)

Step 3

When you first open the Create Post section, it will automatically be in Compose mode. To view the HTML mode, you will want to click on the HTML tab, which is right beside the Compose tab. Both of these tabs are on the far right, just above the tool section.

Step 4

Once in the HTML section, you will want to use/paste the following code: <table> <tbody><tr><td><img src="insert your jpg link here" border="0" /></a> </p></td> <td><img src="insert your jpg link here" border="0" /></a> </p></td></tr> </tbody></table>

Don't forget to replace the "insert your jpg link here" here with your own link! See below for an example.

Step 5

This is the same code, but with img links included as an example.

<table> <tbody><tr><td><img src="http://i113.photobucket.com/albums/n240/isabellasnow/isafolio-1.png" border="0" /></a> </p></td> <td><img src="http://i113.photobucket.com/albums/n240/isabellasnow/CLfolio.png" border="0" /></a> </p></td></tr> </tbody></table>

Step 6

Once you've inserted your HTML code, you can check the images by clicking on the Compose tab. You can also use the Preview link, which is just below it.

Step 7

It's best to insert pics first and then write your blog post, because it can be very tricky to navigate the blog post HTML once you've started to write it. If you'd like to see what I mean, take a look at the HTML of a post you've already written. Better yet, take a look at once that contains an image -- if you're not familiar with HTML, it can be quite confusing, and accidental errors can make the whole post unreadable, so do yourself a favor and start by inserting pics and then composing the post later. If you have to go the opposite way round, it's certainly possible, just be very patient and take your time until you get the hang of it.

Step 8

Publish your post!

Comments

RSS for comments on this Hub

agvulpes profile image

agvulpes  says:
12 months ago

Isabella, I am certainly gonna try this and one day I'll let you know if I could get it to work.

Helen  says:
7 months ago

I've found everything you've written extremely helpful. Please, can you share with me what to do after I've set my images side by side successfully. Then I go to write text (after going back to "compose" tab) and it throws the images out of line again as I'm typing, and even more so to look at it in preview. I must need to make each text block encased in some special tags? I'll put it up the way it seems to be (not) working for me, so you can see what's going on. Thanks so much, if you can take time to help me out - !

Frieda Babbley profile image

Frieda Babbley  says:
7 months ago

Hah! Yes! I've been wondering about this. Thanks. You're a plethora of information for me today!

adam  says:
6 months ago

Thank You Isabella--clear concise and it worked!! It's after 2 AM and me the mac (and muffin) can finally sleep!

Phy Oudom  says:
5 months ago

Nice Thanks

Simon  says:
4 months ago

Hey! Thanks for the nice tip. Been wondering about how to do this ever since I started blogging recently. Cheers!

shanazAL  says:
3 months ago

Nice trick!! I am glad that I came across your page. Your information is so helpful. Thank you!

allgamesbox  says:
3 months ago

thanx alot that really help i will try it with adsense

Deltachord profile image

Deltachord  says:
3 months ago

Great information.

TheFont profile image

TheFont  says:
2 months ago

Very helpful-thanks!

rumbling profile image

rumbling  says:
2 months ago

Thanks for this very helpful information , up to now I was doing this using dragging which can look really ugly and hard to fix sometimes.

aecaccount profile image

aecaccount  says:
2 months ago

Thz for the tips

QouSay profile image

QouSay  says:
2 months ago

Cool stuff! I'm really gonna use this tip..useful..thanks again for the tips.....

CatarinaF. profile image

CatarinaF.  says:
3 weeks ago

Nice hub. Thanks for this great tip.

Lisa  says:
2 weeks ago

Great! Ive been searching all week for this! Great and it works wonders

Submit a Comment

Members and Guests

Sign in or sign up and post using a hubpages account.


optional


  • No HTML is allowed in comments, but URLs will be hyperlinked
  • Comments are not for promoting your hubs or other sites

working