5 Best Pop Posts Widgets For Blogger – Helplogger

If you’re using Blogger every bit the platform for your personal or job concern weblog , you’re likely looking for ways to customize it as well as arrive your own. This means , you’ll brand your webpages unique as well as eye-catching as well as ensure they’ll stand upward out from the many other pages on the internet. You’ll also grab the attending of your target marketplace , encourage them to browse through your weblog as well as travel your loyal readers as well as followers.

Fortunately , at that spot are lots of ways to personalize your Blogger weblog , as well as i of these is to customize your Popular Posts widget. Haven’t installed this yet? Don’t worry since putting it inwards your weblog easy.

Adding the Popular Posts Widget for Blogger

Just click on your weblog championship , access the “Layout” card , click “Add a Gadget” as well as direct “Popular Posts”. A window volition appear bespeak y’all to configure the widget past times choosing which posts you’ll characteristic (e.g. those that were almost viewed inwards the past times vii days or xxx days or from the offset of your blog). You’ll also live asked to direct how many posts you’ll characteristic inwards your Popular Posts department as well as select if you’ll demo the post championship solely or along amongst the epitome thumbnail and/or the snippet. (Remember that each widget fashion has dissimilar requirements , then follow the styles as well as instructions carefully to uncovering out if y’all demand the snippet as well as epitome thumbnail or not).

Once you’ve followed these instructions , you’ll larn to run into the basic version of the Popular Posts Widget for Blogger inwards your blog. You tin stick amongst this if it matches your weblog blueprint but , if it sticks out similar a sore pollex or doesn’t adjust your gustation , there’s no demand to fret since y’all tin personalize it. You tin direct from the next styles – run into the demo blog:

Popular Posts Style 1 – Box within a box

This is an interesting widget fashion since it uses your snippet as well as epitome thumbnail inwards a unique way. Your snippet is written inwards opaque text as well as placed inwards a pocket-size transparent box. This , inwards plough , is placed inwards a bigger rectangular box , wherein your epitome thumbnail is used every bit a background. Choosing this Popular Posts Widget for Blogger tin live a swell alternative if y’all desire to brighten upward your weblog as well as grab the attending of readers amongst your colorful photos.

CSS code:

Popular Posts Style two – Large thumbnails amongst pocket-size post titles underneath

This uses the same code every bit the basic Blogger Popular Posts Widget amongst a few tweaks. Popularized past times well-known blogs , this fashion is eye-catching because it focuses on pictures , which don’t solely summarize the posts’ content but also add together visual drama to the entire page. This is peculiarly useful for blogs that focus on wearing clothing , makeup , fine art as well as other topics that highly depend on visual presentation to improve limited ideas.

CSS code:

Popular Posts Style iii – Colorful boxes

If your weblog needs a pop of color , this is the correct pick for you. This widget fashion presents your Popular Posts inwards several boxes that characteristic a thumbnail epitome as well as accept vivid , eye-catching shades similar lite light-green , ocher xanthous as well as vivid orange. Each box has a dissimilar color , as well as y’all tin add together upward to iv boxes.

CSS code:

Popular Posts Style 4 – Grid layout

Just similar the large-picture widget fashion , the grid layout is an splendid alternative if y’all desire to showcase your pictures or if your weblog depends on visual information. However , the championship of your posts won’t live included inwards the layout , then readers volition accept to hover their mouses on the images to read the titles.

CSS code:

Popular Posts Style 5 – Numbered posts

If y’all dear numbered lists , or if you’d similar to brand your weblog to a greater extent than organized , this tin live the perfect option. By using the code for this widget fashion , your Popular Posts volition live automatically numbered as well as volition characteristic build clean , minimalistic boxes that include your snippet as well as epitome thumbnail.

CSS code:

These are simply just about of the widget styles y’all tin direct from. When you’ve picked a fashion y’all desire , brand certain to re-create its CSS code. Once y’all exercise then , travel to your weblog , click “Theme” on the left side as well as select “Edit HTML” nether the template preview.

These side past times side codes demand to live pasted to a higher identify the “” or “” tags , then cheque the educational activity to know precisely where y’all demand to set the code.

Adding the CSS

When the template editor has opened , click anywhere within the code expanse as well as striking CTRL + F or Command F to search the next tag:

Just ABOVE the tag , copy-paste the CSS code of i of the styles above.

Important: If the Popular Posts widget is located inwards the footer of your weblog , take the .sidebar course of report flora inwards the CSS code inwards company to arrive work.

Please greenback that almost of the styles are using the ‘Oswald’ font which y’all demand to add together to your template’s code every bit well.

So , search for this tag:

… as well as simply BELOW it , add together this line:

Adding the JavaScript

These styles also require using a script inwards company to resize the pop posts epitome / thumbnail as well as cut down the post snippet as well as title. To add together the JavaScript code , search the tag as well as glue the next script simply to a higher identify it:

Note: if y’all accept already the jQuery library inwards your template , take the draw inwards red.

After y’all accept added all the codes inwards the correct identify , press the “Save theme” push clit to salve the changes.

That’s it!

The 5 Popular Posts widgets for Blogger featured today are all swell solutions for adding a pop post department to your blog. They all accept dissimilar appearance for determining what makes a post pop , but the goal number is the same: visitors are ever i click away from your best content. Try simply about of these styles , uncovering your favorite , as well as run into how it impacts the functioning of your blog.