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
        and resize the image(data:post. featured image, 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 the one you are seeing below like 
          resize image(data:post. featured image, 140, "1:1")

STEP THRE: HOW TO CHANGE THE 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 changes by changing the 1:1 ratio to width, and height.  example of what I am trying to say, 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.
                    resize image(data:post. featured image, 120, "3:2")

CONCLUSION

After doing as instructed above kindly save your template and refresh it to see changes.
I hope you find these step-by-step ways to change thumbnail size for popular post widget

Thanks For You Reading The Post We are very happy for you to come to our site. Our Website Domain name https://menaveron.blogspot.com/.

Comments

Post a Comment