Stylish Popular Posts Widget for Blogger

Bored of Using the Same Popular Posts Widget on Your Blog.With a Snippet and a Small Icon.Then Here is a Cool Popular Post Widget With Hover Effect. Well It Doesn't Take Much Time to Load and Easy to Navigate. Look at the Live Demo Below:.

So Do You Like the Widget ? Then Follow the Installation Steps Below.

How to Add Stylish Popular Posts Widget

1. Login To Blogger Account.
2. Go To Your→ Template → Edit HTML.
3. Click Proceed Button.
4. Check The Expand Widget Templates.
5. Search Following Code Using Ctrl+F.

  ]]> </ b: skin>

5. Now Paste The Below Code Above  ]]> </ b: skin> Tag.

• . Popular-ul {padding Posts-left: 0px?} 
  . popular-li ul Posts Repeat no-Scroll 5px 10px? List-Style-type: none? margin: 0 0 5px 0px?padding: 5px 5px 5px 20px! important? Border: 1px # ddd Solid? 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? }

That's it Now You're Done.