Add Beautiful Border Around Post Images On Blogger

In this simple tutorial i will teach you to add borders around your post images on blogger using few simple CSS Code. Lets do it!

Add Border Around Blog Images

1. Go to Blogger > Template > Edit Html

2. Now search for ]]></b:skin>

3. Copy/Paste the following code just above ]]></b:skin>

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

4. Save the template and you are done.

5. Make following changes to change style, color or size of the border.

TIPS

• Increase 1px to increase the width of border
• change solid to dotted or dashed to change style of border
• Replace #e3e3e3 to change border color
• Remove border-radius: 10px; to remove the radius around the corners

If You Like My Work Then Please Share My Posts

Thanks