HOME
When we upload or add a pic in blogger. It shows a very simple image with border. But when we add a border to our images then the post and blog gives good look. So today post is about how to add border to images in blogger posts. This border style include the bottom standing shadow below the image and a little round corner as you can see in my blog. So if you want to add a border to your blog post images then follow the below following steps.How To Add A Border To The Images In Blogger Posts ?
- Login to blogger dashboard.
- Goto Template and click on Edit HTML.
- Find the the below code by pressing Ctrl+F
]]></b:skin>
- Paste the below code above/after ]]></b:skin>
.post-body img {
padding: 4px;
border: 1px solid #AAA;
background-color: #F0F0F0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 15px 10px -12px black;
-moz-box-shadow: 0 15px 10px -12px black;
box-shadow: 0 15px 10px -12px black;
}
- Click on the save button and you done it.
0 comments :
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.
Post a Comment