Blogger: Popular Post gadget blurry images

The Popular Posts gadget for Blogger/Blogspot now appears to display random sized images. This may be related to how you upload images to your posts. This can cause the images to look blurry or pixilated. Please complete the steps below to fix this issue:

1. Go to the Layout section of your dashboard:

2. Add a new gadget by clicking the "Add a gadget" button in the footer of your Layout:

3. Select the "HTML/Javascript" gadget.

4. Copy the code shown below into the box, then click Save. You're done!


<script>
$(document).ready(function() {
$('#PopularPosts1 img').attr('src', function(i, src) {return src.replace( 'w72-h72', 'w600-h600' );});
$('#PopularPosts1 img').attr('src', function(i, src) {return src.replace( 'w72-h72-p-nu', 'w600-h600' );});
$('#PopularPosts1 img').attr('src', function(i, src) {return src.replace( 'w72-h72-p-k-nu', 'w600-h600' );});
});
</script>

Blogger seem to be making many changes to their system, without telling any one. If you'd like to take full control of your own site, you may wish to move to WordPress.

Article tags: blurry sidebar, blurry images, photos, popular posts widget

Was this article helpful?