How to change thumbnail size for popular post widget

 How to change thumbnail size for popular post widget

How to change thumbnail size for popular post widget

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.


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 below
        resizeImage(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 below
          resizeImage(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
Thanks For Reading Our Post We are very happy for you to come to our site. Need To Advertise With Us ?Write To Email:[email protected] https://www.lgists.com/
Newer Posts Newer Posts Older Posts Older Posts
close