Adding Popular Posts Widget To Blogger
- Go To Blogger > Design > Page Elements.
- Click on add a gadget.
- select the "Popular Posts" gadget.
- Click Most viewed All time.
- Uncheck image Thumbnail and snippet.
- Now save the widget.
- Now go to Blogger > Design > Edit HTML
- Back up your template.
- Search this using Ctrl + F
]]></b:skin>
Just above it paste the following code
/*--- Bloggers-hero.blogspot.com Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #99FFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #FF33FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
- Save your template.
- And Enjoy!
I'm still learning from you, but I'm trying to achieve my goals. I certainly enjoy reading all information in your site. Keep the information coming. how to get money fast I loved it!
ReplyDelete