Wednesday, March 2, 2011

Put Picture Side By Side in Blogger

 When you insert a picture in blogger, you have the option to position it on the left right or center. You can also make the picture small medium or large. If you want to put a pic in small mode and put more picture on the side then you have to make a table with different cell for each picture. Here is the easiest steps to do that.
STEPS:

  1. Open a New Post.
  2. Insert your image.
  3. In the Compose mode click on the picture and make it small, medium or large as you wish.
  4. In the Edit HTML mode you will get individual HTML code for each picture. Each para of the HTML code is for one picture. This is the picture code. Save it for later.
  5. Open another New Post and go to the Edit HTML option. Copy and paste this CODE: <table border="0" width="150"><tbody><tr><td>FIRST CELL</td><td>SECOND CELL</td><td>THIRD CELL</td></tr></tbody></table>
  6. This code is for table with three cell. You can add or reduce the no. of cell by adding or erasing <td>ANOTHER CELL</td> portion of the code.
  7. Replace the FIRST CELL, SECOND CELL and THIRD CELL with the picture codes. This is  whole code is for table and all the picture in the table. Go to Compose mode to check what happened. If you want to add writing then copy the whole code. Create a New Post, write what ever you want. Then go to the Edit HTML and paste the whole picture code where you want the pictures.
     If this post helps you or needs correction then add a comment.

4 comments:

  1. This is exactly what I was looking for - thanks so much for providing the HTML code

    ReplyDelete
  2. The simplest explanation I've come across. Thanks

    ReplyDelete
  3. Thank you very much for this post! I just started a blog and this post helped me in laying out my blog pictures. Thanks, again!

    ReplyDelete
  4. This is the clearest, most concise version of how to do this I've found. I'm going to try this! Thanks!

    ReplyDelete