How To Resize All Post Images Automatically In Blogger

By using proper images in blog post will not only make your post designable but also attracted more and more visitors. Adding proper dimension images in blog posts is a prominent job & also very very essential for SEO. Such images give an illustrative mapping help to readers. So what if we have used & added a random dimension images in earlier post and now we want to resize all of them at once. Is it possible to decrease or increase image size in all posts automatically. Since from the couples of days we received bundles of email asking for helps is there any way to resize all previous posts images instantly. Yes surely we could easily customize all these photos by playing with a little Css Code. So in this article we will show you how to resize all post images automatically in blogger blog.

Learn How To Resize All Images Automatically In BloggerThis is a very simple trick. You could easily customize this by following simple steps.
  • Go to blogger Dashboard: 
  • Go to Template/ Edit Html:
  • Now Search for  ]]></b:skin> tag 
  • Now past the below given code just above the ]]></b:skin> tag

.post-body img {
width: 500px!important;
height: auto!important; }



Possible Customization

  • If you want to increase or decrease the width of image then change the value of width: 500px:
  • If you want to increase or decrease the height of image then give value to height:500:px or according your blog width:
  • If you wish to add border to the image then simple add this property to the above coding border: 1px solid #d2d2d2  
  • Save your template >> You done Almost:

Post a Comment

[blogger]

Author Name

{picture#https://plus.google.com/u/0/+MahamShahidFarooq/about?pid=6074188247542010530&oid=101689194546144986205} {facebook#https://www.facebook.com/MahamShahid7865} {twitter#https://twitter.com/Mahamshahid7865} {google#https://plus.google.com/+MahamShahidFarooq/posts} {pinterest#https://www.pinterest.com/mahamshahid7865/} {Instagram#https://instagram.com/mahamshahid7865/}

Contact Form

Name

Email *

Message *

Powered by Blogger.