HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

How To Fix The Image Resolution Issue of Popular Post Widget In Blogger


Today We will learn How To Fix The Image Resolution Issue of Popular Post Widget In Blogger, Popular Post widget is one of the most common and most used widget in blogger the widget it self looks clean and elegant but there is a huge problem in it to reduce the image file size blogger automatically crop the image size to 72x72 which also make its quality bad and we can't increase the height or width of the image, But with simple tweak we will increase the resolution of that default image to maximum size for better quality and clear visibility.
Lets move further and see How to Fix The Image Resolution Issue of Popular Post Widget In Blogger. You can check a live preview of that working script by clicking the button below.

Adding the script

Now this is the extra part for this widget basically blogger generates 72px width images which is not suitable in some cases, so we will change it with original size of the image for better quality. In the template, search for the </body> tag  and just above it paste the following HTML Coding.

<script type='text/javascript'>
//<![CDATA[ 
$(document).ready(function() {    
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('/default.jpg', '/mqdefault.jpg');
    });
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('s72-c', 'w770-h505');
    });
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('w72-h72-p-nu', 'w770-h505');
    });
 });
//]]>
</script>

Conclusion

Congrats !! You have made it. now you have learned that How To Fix The Image Resolution Issue of Popular Post Widget In Blogger. Visit your blog and check the script live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us. अलविदा !! (Goodbye in Hindi).
How To Fix The Image Resolution Issue of Popular Post Widget In Blogger How To Fix The Image Resolution Issue of Popular Post Widget In Blogger Reviewed by SoraBloggingTips on January 10, 2017 Rating: 5

6 comments:

  1. how to fix image resolution on slide in my blog https://modonlod.blogspot.com

    ReplyDelete
  2. Facing the same problem with featured posts widget

    ReplyDelete
    Replies
    1. Upload the images in original size option. and then follow this.
      Activate every single widget we have mentioned in documentation and then follow this.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
    2. U have mentioned in documentation means??

      Delete
    3. It means whatever widgets we have mentioned in the template documentation.

      Delete

Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.