How to make a photo gallery in a blog post or page?

By: Unknown on 00:01

Photo Gallery in a blog post? Yeah! You read it right. Here's a simple and easy way to create your own web photo gallery without having any technical knowledge.

Just follow these simple steps:

1. Create a new post. Click on "Insert Image" button from the pane above the post editor.
2. import the designated images.
3. After they're inserted in the post, select each image and choose the size to "small".
4. Go to HTML tab on the post editor, re-size the height of each image to 100 from the 133 and width to 180 from 200.
5. Now, go back to the Compose tab, you can see the size of images being reduced.
6. Now, in HTML tab again copy and paste the HTML code of the table from below:<table><tr>
     <td>100</td>
     <td>200</td>
     <td>300</td>
   </tr>
   </table>
7. The above mentioned table html can be edited as per the columns and rows you wish to have in your photo gallery.
8. After inserting the table you will see just 100,200 and 300 written in your Compose area. Drag each image carefully near the 100, 200 and 300 respectively.
9. Then delete the numbers from the columns and you will see a well aligned row of images in your preview like the one below.

Voila!!! We created a photo gallery without having any jQuery knowledge or any other freaking knowledge.

For any queries, write to me at tech3lper@gmail.com