How to put more than one picture in a Blogger Post?

This is the HTML Tag for putting multiple photos in rows. If you want to learn more about the HTML, you can go here in w3school.

pic name

pic name

pic name

Copy and paste the following code in your New post in HTML mode.

For that you need to click on HTML instead of default compose mode. 

<table border="0">
<tr>
<td><a href="PIC 1 URL" target="_blank" title="View">
<img height=200 width=120 src="PIC 1 URL" alt="pic name"/></a></td>
<td><a href="PIC 2 URL" target="_blank" title="View">
<img height=200 width=120 src="PIC 2 URL" alt="pic name"/></a></td>
<td><a href="PIC 3 URL" target="_blank" title="View">
<img height=200 width=120 src="PIC 3 URL" alt="pic name"/></a></td>
</tr>
</table>


Where, we need to changed the colored portion as

1. Orange-it actually defines the border or margin of the photo, put 1, 2, 3, etc and see preview. Choose which fits your interest

2. Red- there should be the  direct link or the url address of the picture that you want to appear in your post. Here the link of picture should be from photo hosting sites like photobucket or from the your site of photo storage.

3. Green-Name of the picture that you want to give

4. Blue- if someone puts a cursor over a photo, information is shown and what you replace will be shown.

What actually underlined portion in the code signifies by the way?

That underline code is for a single  picture, you can copy paste and replace as you need a multiple of times for multiple of photos.

The main thing is the width of the picture. Here it is 120 Pix. It can be increased or decreased as per your need.

All of this is done in HTML mode. After we finish putting photos, we can write above or below this HTML code to describe or express the content as per your need.

Here is the example by which I put these photos below also I put the W3School logo above in the same way.

Photobucket

Free photo hosting

Easy Photo sharing

No comments:

Post a Comment

So, What have you to say after reading this blog? Was it helpful? Do you have any suggestions? Do you need more clarification/s on any topic/s other than this? Please leave me a message.