Monday 21 April 2014

How to Resize All Post Images Automatically in Blogger


How to resize all posts 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.

Why We Need to Resize All Images in Blogger ?

There are following reasons why we need to customize these photos by giving proper dimension. 
  1. Sometime we have used large magnitude or large dimension images which oftenly crossing the content borders. This will make our posts view ugly and readers will not satisfied with complete illustrative views.


  2. By adding proper and exact match images according to your posts width and size robot will take it easier in understanding & will get fast indexing.


  3. By using always same width & height images in post, guys trusted me it will surely increase your page loading speed faster several times. So we could easily decrease page loading time by applying this technique.

How to resize all Photo Automatically In Blogger post.

There are two to customized and resized post images. 1: Manually 2: Automatically:

Manually: You could resize all the image manually but what would you do if your blog has hundred and thousands of photos. you can absolutely edit all of them if you still want to do so but it will take months or dozens of days.
Automatically: So therefore it will be more essential to customize and resize all of them through Css codes. Now in this method you have not to go anywhere or no need of editing your images one by one. Just go to template & make some changes in css codes thats is. By applying such technique, after some time if you want, then  you could easily revert all images through theirs original size. 

Learn How to Resize all Images Automatically in Blogger

This 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:


Need help

Guys this was a little tutorial about the resizing of old images used in posts. We hope that this technique would help you. If you are facing any problem in customization then kindly post your queries in comments section. We are here by 7/24 to serve you better. Please do not forget to share your views if you know better way. Love & wish You All the Best.