Notification texts go here Contact Us Buy Now!

How to change thumbnail size for popular post widget

Mena.veroh
 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

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
NextGen Digital Welcome to WhatsApp chat
Howdy! How can we help you today?
Type here...