How to change thumbnailUrl and resize home page thumbnail

How to change thumbnailUrl and resize home page thumbnail image? How to fix thumbnail resolution or change according to your choice, thumbnail image size like 100px, 400px or HD resolution. We have too many question in our mind when you go to modify blogger post thumbnail size resolution.

How to change thumbnailUrl and resize home page thumbnail

Don't need to write more Javascript code in your blogger template just add one line code and refresh your blogger blog, successfully changed your thumbnailurl size. :)????
Your default thumbnail code look like.

<img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>

https://4.bp.blogspot.com/lgCLcBGAs/s200-c/image-name.jpg
https://4.bp.blogspot.com/lgCLcBGAs/s600-c/image-name.jpg
https://4.bp.blogspot.com/lgCLcBGAs/s900-c/image-name.jpg

How to change thumbnailUrl

s200-c, s600-c, s900-c - It will display thumbnails on homepage, which outputs a 72x72 square image originally made for mobile browsing.when you use HD Resolution Size (1280*720) then thumbnail Image will be showing cropped and low resolution in home page.



when you use flowing below code thumbnailurl look like (i'm also using this code here)

https://4.bp.blogspot.com/-i-n75y2wmWDKI/SN0wCLcBGAs/w300/image-name.png
https://4.bp.blogspot.com/-i-n75y2wmWDKI/SN0wCLcBGAs/w600/image-name.png
https://4.bp.blogspot.com/-i-n75y2wmWDKI/SN0wCLcBGAs/w900/image-name.png

thumbnailUrl copy this code and paste in your blog template

<img alt='thumbnail' class='post-thumbnail' expr:src='resizeImage(data:post.thumbnailUrl, 300)' />

.post-thumbnail {
position: relative;
overflow: hidden; 
float: left; 
width: 100%; 
height: 170px; 
margin-bottom: 10px; 
}

If you are using this javascript code then remove it

How to change thumbnailUrl and resize home page thumbnail

How to change thumbnailUrl and resize home page thumbnail image? Thumbnail image size like 100px, 400px or HD resolution. We have too many questions in our mind when you go to modify blogger post thumbnail size resolution Do not need to write more Javascript code in your blogger template just add one line code and refresh your blogger blog, successfully your thumbnailurl size. :) ???? Your default thumbnail code look like <img alt = 'thumbnail' class = 'post-thumbnail' expr: src = 'data: post.thumbnailUrl' /> https://4.bp.blogspot.com/lgCLcBGAs/s200-c/image-name.jpg https://4.bp.blogspot.com/lgCLcBGAs/s600-c/image-name.jpg https://4.bp.blogspot.com/lgCLcBGAs/s900-c/image-name.jpg How to change thumbnailUrl s200-c, s600-c, s900-c - It will display thumbnails on homepage, which outputs a 72x72 square image originally made for mobile browsing.when you use HD resolution size (1280 * 720) then thumbnail Image will be showing cropped and low resolution in home page How to change thumbnailUrl when you use flowing below code thumbnailurl look like (i'm also using this code here) https://4.bp.blogspot.com/-i-n75y2wmWDKI/SN0wCLcBGAs/w300/image-name.png https : //4.bp.blogspot.com/-i-n75y2wmWDKI/SN0wCLcBGAs/w600/image-name.png https://4.bp.blogspot.com/-i-n75y2wmWDKI/SN0wCLcBGAs/w900/image-name png thumbnailUrl copy this code and paste in your blog Templet <img alt = 'thumbnail' class = 'post-thumbnail' expr: src = 'resizeImage (data: post.thumbnailUrl, 300)' /> Use CSS .post-thumbnail { position: relative; overflow: hidden; float: left; width: 100%; height: 170px; margin-bottom: 10px; } If you are using this javascript code then remove it