This code also lets you to customize the radius of corners and also change border color.
Follow below steps to make your blog posts images corners round:
(1). Go to you Blogger.com.
(2). Go to Template and click Customize.
(3). On the customization page click Advanced and then click on Add CSS.
(4). Copy the below code and paste it in Add CSS tab.
.post img {border: 3px solid #bbbbbb;margin: 0;padding: 0;border-radius: 50px;-moz-border-radius: 1000px;}//.By TechnicalMaher.Blogspot.Com.....//
(5). Click Apply to blog on top-right of the customization page to save changes.
(6). Open your blog to see changes.
Customization:
- To customize border color replace it with code of that color.
- To customize Radius of corners replace (50) in border-radius: 50px; to your own choice, it you want circled images replace 50px with 1000px.
- To increase spaces between images and text replace (0) in padding: 0; with your own choice.
- To increase border width increase 3px in border: 3px solid #bbbbbb; to your own choice.
Don't Miss:
No comments:
Post a Comment