Add Popular Posts Feature

Today i am about to discuss how to add popular post thumbnails before normal posts. This wordpress tutorial is very simple and easy to understand. After few steps you will be able to see popular posts at the top of your home page or wherever you want to place them.
Let me show you the finial results before continue our step by step tutorial.

Final results

Step by step wordpress tutorial

Step 1:
Open your wordpress admin panel and go to Appearance > Editor and open Main Index Template index.php from the right side.

Step 2:
Now find your loop in index.php file

and add following codes before the above line of code;

and then simply upload the file

Step 3:
Now go to the Style.css file and add the following css codes to stylise wordpress popular post area.

#pp-01 {
    border-bottom: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 20px;
    width: 100%;
}

#pp-01 img {
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 10px 10px 0;
    padding: 6px;
    width: 100px;
}

#pp-01 h3 {
    margin: 0 0 12px;
    border-bottom: none;
}

See more wordpress tutorials