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.
- 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.
- 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.
- 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.
- Do not Miss: 7 Tips To Optimize Images for SEO.
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.