How to Blogger - Maybe someone asks, what are the benefits of this image resizing script?
The benefits are quite numerous, including:
- Automatically resizes all post images.
- The image quality will not change, aka it will not be blurry.
- Very suitable for SEO Friendly blogs
- Very good for photo gallery blogs.
- Blog post images are organized and pleasing to the eye.
If you are still confused, for beginners, follow the steps below:
- Click the Theme or Template menu on the left side menu of your blogger dashboard.
- Click Edit HTML
- Press the (keyboard) Ctrl+F then enter </head> then press Enter.
- If you have found it, then copy the code below right above it.
<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery. min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
$('div[class="blogger -post-body"]').find('img').each(function(n,image){
$(image).attr({src : $(image).attr('src').replace(/ s\B\d{3,4}/,'s0')});
$(image).attr('width', 480 );
$(image).attr('height',null);
});
});
//]]>
</script>
<!-- Script Andi AM - Resize Img Src Thumb V.4 -->
Change code 480 according to the size you want.
Please save your template, then see the results.
If it doesn't work then it's possible that the script doesn't match your template, please read similar articles here:
1. How to Automatically Resize Blogger Photos/Images - Andi AM V.3 Script
2. How to Automatically Resize Blogger Photos/Images - Andi AM V.2 Script
Good luck.
Greetings - Andi AM