Stylish Popular Post Widget For Blogger

The stylish Popular post widget for Blogger as one of the best blogger widgets shows a list of posts that have the highest page views on your blog.

Users have had interest in those posts more than any other on your blog and this, in turn, makes the post get more clicks as you get new site visitors.

Call it human curiosity to know what makes something what it is, the same is the case here.

You'll agree with me that the most important widget on a blogger like the recent post widget is the popular post widget.

So,

Why Should You Use a Popular Post Widget


On visiting any website or blog on the internet, you will most likely see this widget either placed beside the blog's content or below it because of its benefits in traffic and SEO.

  • If you don't want posts you've written days, weeks, and years ago to remain lost in your blog's archive, then the popular posts widget will be beneficial. 

This is because it will still get seen by your readers even though it is not among your latest and most recent posts.


Also,

  • It can help you interlink posts on your blog, making sure a user does not read just the landing page on your blog, but visit other pages.

While this can increase your blog's traffic, it also reduces its bounce rate which impacts positively on your site's SEO.

The customized stylish popular post widget is similar to the default Popular post widget on blogger, but with some customizations added.

In terms of similarity, It displays the most popular post on your blog within 7 days, a month or all time.

Also Read:  Numbered Page Navigation Widget For Blogger Blogs
                   Most Commented Posts Widget For Blogger With Thumbnails
                    Stylish Popular Post Widget For Blogger


Why You Should Use Stylish Popular Post Widget For Blogger


Now,

What makes it different and better than what you'll find in blogger's layout for installation?

This particular widget comes with some enhancement in terms of design

This customization with the use of CSS and Javascript codings make it look attractive, hence it easily gets the visitor's attention leading to more clicks on posts displayed on this widget.

In order to promote your blog and improve its design, it would be useful for you to use this Stylish Popular Post Widget in your blogger blog.

Follow the steps listed below to add this blogger widget to your blog.


How To add Stylish Popular Post Widget in Blogger Blog


To begin, 
  • From your blogger dashboard
  • Goto 'Layout' section.
  •  Click on 'Add a gadget'.
  • Select 'Popular Posts'




  • Tick the options for 'Snippet' and 'Image Thumbnail' before you save the blogger widget.




Step 2 

You'll be adding the CSS code of this widget in your blogger template.

Note: If you already have a popular post CSS code in your template, ensure you remove it before trying this out.
  • Goto your blogger template, ensure you back it up first.
  • Click on 'Edit HTML'
  • Use ctrl+F keys to search for ]]></b:skin> 
  • Copy this code below and paste  'above'  ]]></b:skin>

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif)  no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}


  • Finally, save the template. 

View your blog and you'll see the Stylish Popular Post Widget in your blog.

Irrespective of where the widget is placed, its customized effect makes among the first widgets to be seen as a user visits your blog.

Did you encounter problems or did the widget work for you?

Let us know by leaving a comment below.


Also Read:  Sliding Recent Posts Blogger Widget 2016
                   Social Media Follow Buttons Widget For Blogger
                    Email Subscription Widget For Blogger
                  10+ Best Blogger Tips and Tricks
                   Link to This Post Widget For Blogger
                  Add Stylish Custom Search Box To Blogger
                  How to Add IP Widget In Blogger Blogs



Do you like this post? Please link back to this article by copying one of the codes below.

URL Of Post:


HTML Link Code:

BB (forum) link code:

Comments

  1. Bro is there any solution to convert any blogger template to wp theme, plz help me bro its my site http://satside.com/

    ReplyDelete

Post a Comment

Please share your views on this topic with Grace Joseph by leaving a comment.