How To Customize Pop Postal Service Widget Inward Blogger

Do yous desire to alter your Blogger’s Popular Posts Widget to driblet dead far to a greater extent than prominent together with attractive for your visitors? Having a Popular Posts Widget inwards the sidebar has numberless advantages. It helps novel visitors to alternative those articles that are almost trending on a website. However, Blogger’s Built-in Popular posts widget is non that much attention-grabbing inwards damage of designing together with displaying. Therefore, if yous wishing to transform your Popular Posts widget into a masterpiece then, yous convey to rely on CSS Style sheets. After lots of asking from our loyal readers, lastly nosotros convey decided to percentage our custom pop postal service blueprint that nosotros are using on this MBL Blog. In today’s article, nosotros volition bring out its CSS Style sheet.

Adding Popular Post Widget To Your Blogger Blog:

The Steps are extremely straightforward hence yous tin sack easily customize your widget without facing whatsoever work what hence every. Just follow the next instructions. 

• Go To Blogger >> Your Blog >> Layout.
• Add a Gadget >> Now inside the listing of widget await for “Popular Posts” together with guide it.
• Now jibe the settings which are shown inwards the screenshot below.

• Select “Last seven Days” (Weekly).

• Make certain yous cheque the “Image Thumbnail” together with “Snippet” because nosotros demand to display Small images along the trendy article, this volition add together to a greater extent than spice to your site. 

• You tin sack display upward to 10 trendy articles, but nosotros would recommend yous to guide 7 from the Drop downward list.

• Now driblet dead ahead together with Save the widget together with that’s it nosotros convey successfully integrated a Popular Post widget.

Customizing together with Stylizing Blogger Popular Post Widget:

• Once ane time again driblet dead to Blogger >> Template >> (Create a backup inwards instance anything went wrong). 
• Select Edit HTML >> Proceed.
• Now alongside inwards the Template Search for ]]></b:skin> (CTRL+F Shortcut to quick search) together with simply inwards a higher house it glue the next CSS Coding.

/*--- MyBloggerLab --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO_OrGv5-XZ2HQBlOHQwinquEMs1goL-NS4b_bsSo83nnpzvAIt7QCkB7l67ci3W91gZNu4stUZHsIZf0QEyxWok0T0SdhWZazvGJEg5ha4-oPNwphkg4vwnaU8nH_eOidtjsuZfmOZ6A/s1600/1.gif)  no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px enterprise #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px enterprise #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

All Done: Finally, Press the Save Template push together with yous convey successfully customized your y postal service widget. Now see your site together with savour the pic perfect results.

From the Editor’s Desk:

We are pretty sure, that later customizing this widget, yous volition surly come across a fascinating modify inwards your traffic because your novel readers volition fancy their chances yesteryear viewing ane of your trendy articles. Moreover, it volition too play firstly business office inwards reducing your bounce rate. We are receiving bulks of asking from our readers who are asking us to percentage our custom MBL Theme. However, nosotros convey no plans at the 2nd to percentage it because it has instruct the trademark of this blog. We are planning to convey a giveaway our First Anniversary yous never know nosotros powerfulness scroll out our Template. Take a lot attention of your honey ones till together with hence peace, blessings, together with happy styling.