Hello everyone from a new blogger tutorials post. In this blogger tutorial, we will add captions to images on our blog with jQuery. ‘This feature is already available on Blogger!’ don’t say. Just adding header in Blogger. This plugin also has changes in image background. So, I think it is useful not to mix this plugin with Blogger.. As I mentioned, you can add a Title / Description part to your images thanks to the plugin.. Also, from the CSS part, if you want, about the colors in the background of your picture, etc.. you can make adjustments. Anyway, I want to move on to the plugin steps.

First we find the following code;

We add the following codes before the above code;

Finally, we add the following codes to the CSS part of our theme;

div .addCaption {margin-bottom:1.5em;padding:10px;text-align:center;background:#f0f0f0;border:1px solid #ccc;color:#565656;display:inline-block;-moz-border-radius: 5px;-webkit-border-radius:5px;}
div.addCaption img {display:block;}

For adding captions to images, find the code similar to the code below in the image codes;