Get Latest Tips and Templates For Blogger,Wordpress

Latest

Friday 2 November 2018

How To Apply Round Corners Effect To Images In Blogger Blog

This Post is for those who are interested in making there post images round cornered. If we make each image of our blog round cornered then it is very difficult and it will take a long time to make all images round cornered, so I found a solution for this problem now you don't need to add code to each image simply add a css code to your blog and all images will be round cornered. 
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.

No comments:

Post a Comment