Are you using the (custom) Blogger mobile template for your blog, and even though it’s “custom” it still looks not quite great. Especially those itty-bitty post thumbnail images. I searched Google high and low and starting with this code from Blogger Xpertise I was able to hack it and make the thumbnails larger for your blog posts when viewing on a mobile device.
Make sure you are using Blogger/Blogspot, this will not work for anything else like WordPress, Tumblr, SquareSpace, etc.
Use the Custom Mobile template – in your Blogger dashboard go to Template > Mobile > click on the cog underneath the Mobile view window > Choose mobile template > Select Custom > Save.
And, while you’re in the Template section let’s make a back up just in case! Template > Backup/Restore > Download Full Template.
Now For the Code
Then go to Template > Edit HTML and search for
</head>, paste the code in the window below directly above
</head>, then Save Template.
And, that’s it! Now you’re custom mobile view will have gloriously big images.
I inserted the code on this demo site – Aubrey.
If you’re looking for more code snippets on how to make your Blogger blog look fabulous check this out.
Stock image via Haute Chocolate.