popular post with auto numbering

Hey guys welcome back to khatriscreation .its have been long time i have been posted any post .so today i am here with yet another new post .that is very useful to all of you . my new post is popular post with auto numbering .this widget will help you to see which post is popular.so to install this widget in your blog follow this steps.......

go to blogger>layout

click add a gadget

Choose "Popular Posts"  from the list

You will need to configure its settings as shown in the image below: uncheck "image thumbnail" and also "snippet"   Its better that you display at most 7-9 posts. Less is good and clean.

• then save it

now customize popular posts plugin

• Go To Blogger > Template
• Backup your Template
• Click edit html
• Search for </b:skin>.  Click the black arrow to expand the code.
• Paste the following Styles just above </b:skin>

/*--- MBT Popular Posts --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}

.popular-posts ul li:before { 
list-style-type: none; 
margin-right: 15px; 
padding: 0.3em 0.6em; 
counter-increment: popcount; 
content: counter(popcount); 
font-size: 16px; 
background: #292D30; 
color: #ffffff; 
position: relative; 
font-weight: bold; 
font-family: georgia; 
float: left; 
border: 2px solid #dddddd; 
box-shadow: 1px 2px 9px #666666; }

.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}

.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}

.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

if you want to edit this code

• To change the background color of the Square bubble edit #292D30
• To change the text color of the bubble edit #ffffff
• By default the shape of the bubble is Square. To change it to Circle simply add the following code just after box-shadow: 1px 2px 9px #666666;

then all done save your template

happy blogging ''''......

• Tweet
• Share
• Share
• Share
• Share

About sudarshan khatri

Welcome To khatriscreation And Let Me First Introduce Myself. I’m Sudarshan khatri From Nepal And I Manage khatriscreation. I’m Not A Professional Blogger By Education I’m Self Trained Guy And I Am 13 Years Old. Well Talking About Me I’m A Normal Guy Who Lives The Life Fullest, Loves Searching New Things On Internet.I love to share my expenience and education to the peoples so i have managed this blog .khatriscreation is totally about blogging,seo,widgets and blogging tips.

Related Post