• Home
Tech News, Magazine & Review WordPress Theme 2017
  • Home
    • Home – Layout 1
    • Home – Layout 2
    • Home – Layout 3
    • Home – Layout 4
    • Home – Layout 5
No Result
View All Result
  • Home
    • Home – Layout 1
    • Home – Layout 2
    • Home – Layout 3
    • Home – Layout 4
    • Home – Layout 5
No Result
View All Result
Techno
No Result
View All Result

How To Growth Thumbnail Resolution On Blogger – Helplogger

Admin by Admin
June 1, 2022
Home blogger posts
Share on FacebookShare on Twitter
When nosotros add together a widget on Blogger , the thumbnails volition hold a default size of 72 x 72px which mightiness non await proficient if nosotros crusade to brand them larger using alone CSS. However , amongst a flake of JavaScript we’ll last able to supersede the thumbnail amongst the same ikon of higher resolution too this means , larger images volition no longer look blurry.

So this tutorial volition exhibit you lot how to growth the thumbnail resolution size of the pop posts Blogger widget , fifty-fifty though nosotros tin privy use this describe a fast 1 on on whatever of the spider web log widgets.

Advertisement. Scroll to continue reading.
Demo Blog.

Advertisement. Scroll to continue reading.

Changing the Thumbnail Size for the Popular Posts Widget

Step 1. First , let’s add together the Popular posts gadget past times going to “Layout” > click on the “Add a gadget” link too conduct “Popular Posts” from the popup window.

Advertisement. Scroll to continue reading.
adding pop posts gadget

Step 2. Next , larn to “Template” > click on the “Edit HTML” push clit > click anywhere within the code expanse to opened upward the Blogger search box using the CTRL + F keys.

edit blogger template html

Step 3. Type or glue the next tag within the search box thus striking Enter to uncovering it:

After you lot industrial plant life the tag , add together this CSS to a higher identify it:

Step 4. Now search for this tag:

And only to a higher identify it , add together this script:

Highlighted inward ruby-red is the widget ID for the Popular Posts gadget. To alter the thumbnail size for whatever of your spider web log widgets , uncovering the gadget/widget ID too thus add together a line of piece of job below this part:

changeThumbSize(“PopularPosts1” ,210);
changeThumbSize(“widget-ID-HERE” ,210);

Then supersede widget-ID-HERE text amongst the ID of that widget/gadget.

Note: you lot won’t run into the changes if the widget has a class selector – for this you lot may need to alter class amongst id too supersede the point “.>” symbol amongst “#” inward the CSS code.

If you lot don’t know how to uncovering the id of a item widget , delight banking concern agree out this tutorial on How to Use Firebug to Design a Blogger blog.

Step 5. Finally , press the “Save Template” to salve the changes too this is how you lot tin privy growth thumbnail resolution on Blogger. Enjoy!

SHARE TWEET GOOGLE+ PIN IT
Admin

Admin

Next Post

Create A Css3 Icon Hover Number Amongst Animated Vinyl Tape - Helplogger

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • BRAIN ILLUMINATION – The Monkey Mind VS the Mind of Light
  • SMS Mobile Text Marketing: Is Your Business Ready For The Mobile Marketplace?
  • What Can Visual Composer: Page Builder for WordPress Do for Your Website?
  • LotRO Macros
  • Tips To Make PSD To HTML Conversion Simpler

Recent Comments

  1. خرید لایک ارزان قیمت on Filter Out Your Visits To Your Weblog From Google Analytics Traffic Statistics – Helplogger
  • About
  • Advertise
  • Privacy & Policy
  • Contact
No Result
View All Result
  • Home

© 2022 TechnoNews