How To Customize Pop Shipping Service Widget Inwards Blogger

Do yous desire to alter your Blogger’s Popular Posts Widget to arrive to a greater extent than prominent too 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 price of designing too 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, in conclusion nosotros convey decided to portion our custom pop post service pattern that nosotros are using on this MBL Blog. In today’s article, nosotros volition disclose its CSS Style sheet.

Adding Popular Post Widget To Your Blogger Blog:

The Steps are extremely straightforward thus yous tin ship away easily customize your widget without facing whatsoever work what thus 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” too choose it.
• Now stand upwardly for the settings which are shown inwards the screenshot below.

• Select “Last vii Days” (Weekly).

• Make certain yous cheque the “Image Thumbnail” too “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 ship away display upwardly to 10 trendy articles, but nosotros would recommend yous to choose 7 from the Drop downward list.

• Now decease ahead too Save the widget too that’s it nosotros convey successfully integrated a Popular Post widget.

Customizing too Stylizing Blogger Popular Post Widget:

• Once i time again decease to Blogger >> Template >> (Create a backup inwards example anything went wrong). 
• Select Edit HTML >> Proceed.
• Now amongst inwards the Template Search for ]]></b:skin> (CTRL+F Shortcut to quick search) too merely 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 venture #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px venture #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 too yous convey successfully customized your y post service widget. Now see your site too bask the film perfect results.

From the Editor’s Desk:

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