Professional popular post widget for blogger
Popular posts gadget:
The unique quality that you can find in every top blogger blogs is simple,clean and professional widgets and look.To day am going to explain how to make simple and
professional popular recent posts widget to the blogger blog.
Popular post gadget displays most popular or recent post from your blogger posts.
It helps to visitors to easily navigate with all blog posts so try it.
Final Result:
Procedure
1.Add popular post gadget to the blogger:
First you have add basic and default popular post gadget to the blogger.You can add------
gadget to the blogger from layout section,Just follow tutorial ADDING GADGET TO BLOG.
1.Add new gadget from blogger layout.
2.Add popular post gadget from pop-up window.
3.Save arrangement and click on template option in layout window.
4.Search for ]]></b:skin> Just paste following style code above it.
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
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;
}
5. Save your template and refresh your blog.
6. That's it your done with it.
7. your comments are valuable to us.
Category: BloggerWidgets, HowToBlog
0 comments