Tips & Tricks

A collection of useful code snippets, advanced techniques, and best practices to level up your Blogger theme development workflow.

Instead of relying on CSS to resize thumbnails, you can use the `resizeImage` operator to generate a new image on the fly. This is much better for performance as it serves a smaller, optimized image. The syntax is `resizeImage(imageUrl, newSize, optionalRatio)`.

xmlGenerate a 400x400 Cropped Thumbnail
1
2
3
<b:if cond='data:post.thumbnailUrl'>
  <img expr:src='resizeImage(data:post.thumbnailUrl, 400, "1:1")' alt='Post thumbnail'/>
</b:if>