ADD BEAUTIFUL/STYLISH/AWESOME BORDERS TO ALL IMAGES IN BLOGGER POSTS

Many bloggers asked me an easy way to add stylish border to all blogger post images, without editing a single post. So today I’ll teach you a very easy way to add border to your all your blog images at once and no need to edit every single image in your blog. This code will apply borders to all images present in blogger post

BORDERS TO THE IMAGES IN BLOGGER POSTS DEMO

HOW TO ADD BORDERS TO THE IMAGES IN BLOGGER POSTS

• Go to Blogger Dashboard --> Template --> Edit HTML --> Proceed
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Press Ctrl + F and search the code shown below
• Now Find the code shown below using [ctrl+F]

]]></b:skin>

• Now Paste the Code Shown Below just above/before it

.post-body img{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV2M2KcbZSFybodnvMj5IpxZK7KWMmFornYTbNzspdSjJJuXILLK0OVy0IgT2AARg_KnFaUyXHB-NH87RPcs_hcop4zi5EUS63jJ7D42dP7HWctK1QHXo5Py-tA4r3GHm3msCegfrD4Yo/s400/image-background.png) repeat scroll 0 0 transparent;
padding:7px;
border:1px solid #cecece;
-moz-box-shadow: 0px 0px 5px #BBB;
-webkit-box-shadow: 0px 0px 5px #BBB;
box-shadow: 0px 0px 5px #BBB;
}

• Now save your template