For those of you who are using popular post widget, and finding it difficult on how to change thumbnail size for popular post widget you will testify that popular post widget side bar is not responsive,and because of this many bloggers publishing under blogger platform are seriously looking for a better way to improve the display, and a better way on how to change thumbnail size for popular post widget
the normal default setting for all blogger blogspot templates,post thumbnails are between 72px -72px.
do you know that how to change thumbnail size for popular post widget is easy as ABC?
do you know this default setting on blogspot can be resetting and converted to responsive?
do you know that this default blogger setting can be edit with just a single unique line of code?
below you will find how to change thumbnail size for popular post widget.
resizeImage(data:post.featuredImage, 72, "1:1")
resizeImage(data:post.featuredImage, 140, "1:1")
If you are not comfortable with the square images, you are free to make change by changing the 1:1 ratio to width, height. example of what i am trying to say,now if I change the ratio to 4:2 like below, the result will be 140px width and 80px height images as popular post image thumbnails.
resizeImage(data:post.featuredImage, 120, "3:2")
i hope you find this step by step ways to change thumbnail size for popular post widget
the normal default setting for all blogger blogspot templates,post thumbnails are between 72px -72px.
do you know that how to change thumbnail size for popular post widget is easy as ABC?
do you know this default setting on blogspot can be resetting and converted to responsive?
do you know that this default blogger setting can be edit with just a single unique line of code?
below you will find how to change thumbnail size for popular post widget.
how to change Thumbnail size for Popular post widget
STEP ONE ON HOW TO CHANGE POPULAR POST WIDGET
Click edit HTML on the left side of your blog to find the code belowresizeImage(data:post.featuredImage, 72, "1:1")
STEP TWO ON HOW TO CHANGE POPULAR POST WIDGET
The value 72 Should be changed to a different value E G 140 , note that after the change you will see a code like this the one you are seeing below like this belowresizeImage(data:post.featuredImage, 140, "1:1")
STEP THREE ON HOW TO CHANGE POPULAR POST WIDGET
After changing that line you will see a 140px square images thumbnail popular posts style.
STEP FOUR ON HOW TO CHANGE POPULAR POST WIDGET
If you are not comfortable with the square images, you are free to make change by changing the 1:1 ratio to width, height. example of what i am trying to say,now if I change the ratio to 4:2 like below, the result will be 140px width and 80px height images as popular post image thumbnails.resizeImage(data:post.featuredImage, 120, "3:2")
CONCLUSION
After doing as instructed above kindly save your template, refresh to see changes.i hope you find this step by step ways to change thumbnail size for popular post widget
