how add border to blogger images

Today i am going to explain how to add border around your blogger images that you can give it a more professional look to your Blogger site

Follow these steps

01. Go to Blogger   >  Template   >   Edit HTML
02. Search for "]]></b:skin>"
03. Copy/Paste the following code  above "]]></b:skin>"

 .post img  
 {  
    border:1px solid #e3e3e3;  
    border-radius:10px;  
    padding: 10px;  
 }  

04. Click on the "Save template" button

Customize the image border

• You can  increase the width of border 
• You can change style of border  solid to dotted or dashed 
• You can change border color #e3e3e3 to your desired color code
• You can Remove border-radius: 10px; or change pixel 

That's it, you're done.