Popular Posts Widget For Blogger

How To Customize Popular Posts Widget In Blogger

Go to Layout >Add a Gadget >Popular Post widget. Then uncheck image thumbnail and snippet and save it.

Web 2.0 Sites List For SEO

After that Go to your Blogger Dashboard
Click on “Design” > “Edit HTML” > Back up your template
Use Ctrl F to find the code below
]]></b: skin>
Copy below Code and Past just above/before ]]></b: skin>

/*— Popular post by Techkgp —*/
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(https://lh5.googleusercontent.com/-umLJfzCWyzg/UTGhEobwxoI/AAAAAAAAALM/F4P8V-qcuOI/s0-d/pp.png) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:8px 5px 7px 22px !important;
border-bottom: 2px dotted #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 2px solid #6BB5FF;
}
.popular-posts a{
color:#444444;
font :small-caps;
}
.popular-posts a:hover{
text-decoration: none;
color: #444444;
font-weight: bold;
}
.popular-posts ul li a{
color:#444444;
text-decoration:none;
}
.popular-posts ulli a:hover {
color:#fff;
text-decoration:none;
}

Save your template and you are done.
See the Live Demo in sidebar
That’s all
Enjoy………..

Leave a Reply