Sometimes you wish that there should be some style in your blog images like drop shadow or borders. In this simple tutorial i will teach you to add borders around your post images on blogger using few simple CSS code. Let's do it !
How to add borders around blog images ?
- Login to your Blogger account and click on Template on left side bar and then click on Edit HTML.
- Now press CTRL + F and search ]]></b:skin>
- Copy and paste the following code just above ]]></b:skin>
/*--Funisonline.blogspot.com--*/
.post img
{
border:1px solid #e3e3e3;
border-radius:10px;
padding: 10px;
}
- Save the Template by clicking on Save Template.
- Make following changes to change style, color or size of the border.
- Increase 1px to increase the width of border.
- Change Solid to Dotted or Dashed to change style of border.
- Remove border-radius: 10px to remove the radius around the corners.