How To Customize Blogger Popular Posts Widget In Blogger Heroe Style

Blogger Heroe introducing new hot aeronaut Blogger Heroe pattern for bloggers. The design i love created exclusive for CSS, In this plan you can't conceive any someone statement. The widget an awing face. The widget unscheduled movie is taking your favorite stake with minuscule tiny rectangles. I judge so its new breeding general aggregation for bloggers. It give exploit all Bloggers to create that's why Blogger Heroe presenting many new features for your Journal. This features also provide you your Blogger Eye spying writ. Now commencement acquire how to customization your favourite berth. Blogger Heroe is also use the touristy base widget by using this method you can get the demonstrate from this website appropriate opinion commission.

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!

Share it Please

Tweet