How to Add Caption to images in Blogger
You have probably seen those websites that displays a small text just below an image describing about its quality? In other words, we call it a caption. Without any doubt it is a convenient feature that provides you the facility to add additional information to your images. Thankfully blogger comes up with a built-in feature that allows you to add captions to your photos. In this tutorial, we will be showing you how to add caption to images in Blogger.
The very first thing you need to do is to upload an image to your posts. You can add image to blogger by simply clicking on the “upload image button” located at the top tool bar. Once your image is uploaded successfully, click on the same image. Now you will notice a blue strip just below your image allowing you to add additional information and description like alt, title, size and caption of your image.
The very first thing you need to do is to upload an image to your posts. You can add image to blogger by simply clicking on the “upload image button” located at the top tool bar. Once your image is uploaded successfully, click on the same image. Now you will notice a blue strip just below your image allowing you to add additional information and description like alt, title, size and caption of your image.
Press “Add caption” and enter any text that you would like to see as the caption to your image. It entirely depends on you to be creative and writing additional details about it or be simple. To add some style to your caption, add the following piece of CSS coding above skin tag.
---------------------------------------------------------------------------------------------------------------------
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;}
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;}
---------------------------------------------------------------------------------------------------------------------
Congratulations: Now publish your posts and congrats you have successfully added captions to your images. Now go and check your site and enjoy the awesomeness that you just incorporated in your blogger post.
We hope this tutorial have helps you people in learning how to add caption to your images in blogger. This feature is handy if you want to include some quotations in your images or it could give fruitful benefits in SEO, many search engine optimizers use it as a tool to rank websites. Now you know this secrete too.
We hope this tutorial have helps you people in learning how to add caption to your images in blogger. This feature is handy if you want to include some quotations in your images or it could give fruitful benefits in SEO, many search engine optimizers use it as a tool to rank websites. Now you know this secrete too.
Emoticon Emoticon