How to auto resize any bp.blogspot Blogger images

Do you want to resize any image to unlimited sizes without using an image editor ?

it`s extremely easy to do that if you uploaded your image to Blogger , once you upload any image to Blogger blog you will get your bp.blogspot URL like the following example :-

the following image link is

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaX3v5S_4qqeWuI6PPbpiSyC3xncfuo4Y3dAbZbUV_yn4md_XWDaxCXq2bxsHK7bShyphenhyphenE7W9TZUZID2UlgDHCoU1iF14Bjj6BT2WB5RitQTAsGkvCBOOTindp3j-oZ_0LrAf0cbpgtQXi0/s1600/banana-2181470_640.jpg

if you changed s1600 to a value like s600 or s400 or s100 etc. you can get different sizes of the same image without any need to use image editor. you can download the image then and every time you need a different size you can use the original link to make it.

So this is the easiest way to resize any image. test it now and get immediate results !.

Auto resize images using Javascript

if you are trying to do this resize automatically, you can resize any blogger image easily by javascript using the following script

add this script before </head> in blogger blog html editor

<script type='text/javascript'>

 $(document).ready(function() {$('.resizeimage').attr('src', function(i, src) {return src.replace( 's1600', 's400' );});});
</script>

then add class="resizeimage"  to the image tag you want to resize

If you are trying to resize Blogger thumbnail you can use the following script

<script type='text/javascript'>
 $(document).ready(function() {$('.resizethumbnail').attr('src', function(i, src) {return src.replace( 's72-c', 's500-c' );});});
</script>

then add class="resizethumbnail"  to the image tag you want to resize

edit original size in the image link like s72 for thumbnail images, then edit the next number to the custom value you want.

the image will resize after the small thumbnail loads to the bigger image