Today I’ll be super busy preparing the order of a true legend — @Joseinnewworld, who just swept around 58 #NFTs 😳🔥 That’s insane support… looks like I’ll be pulling an all-nighter to get everything ready 😅🙌 #NFT #NFTCollection #NFTCollectors #eCash $XEC #CryptoMevXBOT https://t.co/5iHxVEGjRo pic.twitter.com/xjpvlw34L6
— NFToa (@nftoa_) August 19, 2025
So far I have been using <img expr:src='data:post.thumbnailUrl'/> to display thumbnails on my homepage, which displays a 72x72 square image originally created for mobile browsing. I then use jquery to scale the image from 72-c to s300. I was wondering if there is a different approach to get thumbnails without using js.
The new set of templates released by Blogger can display available thumbnail sizes in 32, 64, 128, and 256 px using data:post.featuredImage. How can I apply this to a custom template?
Solutip
Take advantage of the resizeImage operator to resize an image without JavaScript. The code will look like:
<img expr:src='resizeImage(data:post.thumbnailUrl, 1600)'/> resizeImage(imageUrl, newSize, OptionRatio) The resizeImage operator takes 3 parameters:
- imageUrl - the original URL of the resizable image.
- newSize - New width ratio of the image
- (optional) - Integer ratio of width to height for the resized image, for example "1:1" or "4:3"
Notes
- If the imageUrl parameter is not a resizable image, the resizeImage function will return the original imageUrl.
- The ratio must be an integer.
- If a ratio is provided, the image will be cropped to those exact dimensions.