Destino Solutions

+91 9747866100

Blogger Popular Posts widget Customize with CSS

March 6th, 2014

Blogger Customize Your Blogger Blog Default Popular Post Widget With CSS, Popular Post is  Most Useful widget It will be help Turn our visitor Another Quality Blog Post and increase Page views, Blogger Default Popular Post Widget Customize With CSS And impress your Blog Readers.

Recommended settings for Popular Posts Widget
Blogger > layout > Popular Posts > Edit


Change settings are :
Most viewed:last 7days
            show: Don’t mark Check box(image thumbnail
                        Don’t mark Check box (snippet)

Note: Please backup your Blogger template after do following steps

Step 1. In your dashboard click template>edt html
Step 2. find following script (type keyboard Ctrl + Shift + F )

]]></b:skin>

Step 3. Above Paste following CSS.

/*- popular post customization---digitcrop--- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://lh6.googleusercontent.com/-InsJh2Q7TVw/UXoIxk0tX1I/AAAAAAAAAR0/_IDhUq89Z4w/h120/aarow.png) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 8px 20px !important;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}

Step 3. save template.

Categories: BloggerBlogger Widget