How To Display Well-Nigh Commented Posts Inward Blogger - Helplogger

One of the best gadgets for your Blogger spider web log is a pop posts widget for your sidebar. This lets visitors run across what your trending posts are correct directly as well as encourages them to click on them to read them. This basic widget is only a footling every bit good basic , even as well as thus , for the modern 24-hour interval website visitor. Not solely create they desire to run across your trending posts , but they also desire to bring together the discussions that are happening on your blog. To create that , you’ll necessitate a most commented posts widget for Blogger.

Having a customized widget on your site is a lot easier than y’all powerfulness think. In lodge to select an effective widget , even as well as thus , you’re going to necessitate a few specific things to attention y’all out.

Demo

Here’s What You’re Going To Get

There are certainly aspects inwards the blueprint of a most commented posts widget that y’all should expect. That’s why you’ll uncovering these specific components amongst this custom widget:

Ordered yesteryear popularity. The posts that select the most comments are the most probable to select visitors desire to read the post as well as bring together inwards amongst the conversation. By ordering your posts based on the popularity of them , you’ll hand each visitor the take away a opportunity to run across what the hype actually is about! This lets y’all select a charted graphic that gives a visitor slowly recognition , but also allows y’all to continue it direct as well as aligned if you’re looking for a cleaner look.
Graphic incorporation. Blog posts that select at to the lowest degree 1 graphic incorporated amongst them volition have 100% to a greater extent than traffic than posts that select no images at all. For every graphic that y’all include amongst a spider web log post , the to a greater extent than probable y’all are to instruct a click! The same is truthful amongst your most commented posts widget , as well as thus survive certainly to contain graphics that stand upwards out amongst your design.
Descriptions that blend in. The network today revolves around the value that y’all tin flaming render each private user. People don’t only click on things because they aspect visually tempting. They click on them because they hope a score of value that some other website similar yours isn’t able to provide. By having descriptions that blend inwards , you’ll survive able to heighten the perceived value that your site tin flaming provide. This leads to to a greater extent than clicks!

Add the Most Commented Posts Widget to Blogger

Step 1. Log inwards to your Blogger account as well as instruct to Template , press the “Edit HTML” button.

Step 2. Click anywhere within the code expanse as well as press the CTRL + F keys to opened upwards the Blogger’ search box. Type the next tag within it as well as hitting Enter to uncovering it:

Step 3. Just below , add together this code:

Note: if y’all can’t uncovering the tag , endeavour to uncovering the next tag instead as well as add together the variables only below it:

Step 4. Now search for the next tag (CTRL + F):

]]>

Step 5. And only to a higher identify it , add together this CSS code:

.comment-count {
    padding: 3px 10px;
    background: #fff;
    color: #000;
    font-size: 10px;
    float: right;
}

.most-commented ul {
    padding: 0px !important;
    font-family: Century Gothic , sans-serif;
}

.most-commented ul li {
    list-style-type: none;
    padding: 10px;
    color: #555;
    margin-top: -10px;
}

.most-commented ul li a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

.most-commented ul li img {
    float: left;
    margin: 0px 5px 0px 0px;
    width: 60px;
    height: 60px;
}

.most-commented:nth-child(3n+0) {
    background: $(most.commented.background1);
    width: 100%;
}

.most-commented:nth-child(4n+0) {
    background: $(most.commented.background2);
    width: 95%;
}

.most-commented:nth-child(5n+0) {
    background: $(most.commented.background3);
    width: 90%;
}

.most-commented:nth-child(6n+0) {
    background: $(most.commented.background4);
    width: 85%;
}

.most-commented:nth-child(7n+0) {
    background: $(most.commented.background5);
    width: 80%;
}

Step 6. Save the template.

Now , let’s add together the Most Commented Posts widget to the Layout of our Blogger blog. Head over to the “Layout” department of your Blogger dashboard as well as click on the “Add a gadget” link on the correct side. From the pop-up window , scroll downwardly the listing as well as select the “HTML/JavaScript” gadget:

Copy as well as glue this script within the content box:

Add this widget

Here , alter http://helplogger.blogspot.com amongst your spider web log URL. If y’all desire to add together to a greater extent than characters to the description , modify the “10” value inwards cerise from “postDescription ,10“.

If y’all desire a to a greater extent than uncomplicated aspect (without the thumbnails as well as post snippets) , add together this script instead:

Add this widget

…. as well as supervene upon http://helplogger.blogspot.com amongst your address.
To add together the “comments” text subsequently the comments unwrap , supervene upon the work inwards red:

‘ + postComments + “

“

with:

‘ + postComments + ” comments” + “

”

Once y’all select finished adding your ain settings , press the “Save” push to enable the gadget inwards the sidebar of your blog. That’s it!

To alter the background colors of the most commented posts , instruct to “Template” > hitting the “Customize” push as well as navigate to “Advanced” > “Most Commented” tab. Here y’all tin flaming choice v unlike colors yesteryear clicking on the color boxes:

Once you’ve selected your favorite color system , click the “Apply to blog” push to relieve the changes… as well as you’re done.

Why Use the Most Commented Posts widget?

The basic psychology inwards every human is that they desire to experience similar they belong to a community. That’s just what this customized widget volition select to your site. No thing what content drew a visitor to run across your content , this widget volition invite them to bring together the lively parts of your land of the internet. This helps to construct relationships , amongst y’all as well as amongst other visitors , as well as this relationship-building appointment is what y’all necessitate to get-go having existent value.

Take the fourth dimension to install this most commented posts widget on your site as well as you’ll run across for yourself why this is 1 of the most useful widgets that is available correct now. Enjoy 😉