How To Add Rounded Corner To Blogger Popular Post widget

Now a days popular post widget is most Famous and useful widget for the Bloggers ,as it shows most viewed posts of the blog .post which received maximum number of visitors will be on top position while the rest will be on decreasing order. So here you will learn to customize the official look of the widget as seen from above figure. We will CSS  to provide rounded corner around all the post. So follow my below instruction to customize it

• Login to Blogger  >> Click on drop down >> Now select "Template"
• Now you can see  EDIT HTML Button Click on it >>  Now click Proceed button 
• Now find this tag ]]></b:skin> by using Ctrl+F 
• Paste below code Before/above ]]></b:skin> tag .

.popular-posts ul li
{border:1px solid #1874CD;
margin-bottom:5px;
border-radius:10px;
padding-left:5px;

}

.popular-posts ul li:hover
{
text-decoration:none;
border:1px solid #BFBFBF;
}

Now done save the Template .. :)