You might be noticed additional information about the images in some of big websites like wikipedia , timesofindia that additional information comes right after the image, it also better known as caption. This great feature is officially provided by blogger and allows us to add caption to photos in blogger. In this tutorial we will see
how to add caption to image in blogspot blog.
First of all you will need to do is just upload the image to your blogger post. you can upload images to your blogger post by simply clicking on image icon which located at the top tool bar.once you have done with uploading image to your blogger post then click on the image to select your image and then you will see a blue strip just below your image with some options like : alt, title, size and caption of your image.etc.
Now, just click on "Add caption" link and enter any text that you would like to show as caption in your image. its up to you, what you would like to write about the image in caption area.
Related : How to fix Blogger Image Color Changing Issue
Here is simple CSS code that will make your image and caption stylish. Copy and paste below code just above the skin tag in your blog's HTML.
table.tr-caption-container {
border: 1px solid #d2d2d2;
padding: 10px 20px 20px 20px;
}
table.tr-caption-container img {
width: 99.5%;
border: 1px solid #d2d2d2!important;
}
td.tr-caption {
font-size: 14px;
font-style: italic;
text-transform: capitalize;}
That's all. hope you enjoyed learning how to add caption to image in blogger. if you have any questions feel free to ask by commenting below.