Welcome to NewEstr here will Find all new widget and template blogger and Latest News seo and facebook ......
Popular Posts
-
Hello to you again in the new topic, and exclusive of the blog newth3, today, we will add a new tool and easy, this tool you view the ... -
Looking for ways to generate money is becoming a very difficult job nowadays. So, many creative entrepreneurs...
-
Without a shadow of a doubt that Strong passwords are the most common way and secure to protect your computer and Accounts online ... -
Are you thinking of a way to send large files to friends. Did you send by e-mail or send via Skype. Well now Pipe application allows... -
If you need to send a text message in a very secret to someone, And afraid that leaking the message to other people, here service to s...
Add Awesome Popular Posts Widget for Blogger
Saturday, December 28, 2013
Today offer you how to Add Awesome Popular Posts Widget for Blogger
It shows you the most active threads in the Code and this helps to know the most threads you scenes assistant visitor to engage in these subjects
Where offer you explain
How To Add Popular Posts Widget for Blogger
Written explanation
1) Go to Blogger Dashboard → Layout → Page Elements → add a Popular Posts Widget.
2) Change the settings of Popular post and unchecked mark snippet And Images thumbnail.
2) Change the settings of Popular post and unchecked mark snippet And Images thumbnail.
![[Image: Untitled.png]](https://lh6.googleusercontent.com/-hJhp-5M0YTo/Uq_qSobhC6I/AAAAAAAACHc/BBz5JumO58E/w353-h83-no/Untitled.png)
Customizing Popular Posts
3) Go to Blogger Dashboard → Template → Edit HTML.
4) Now Find the code shown below using [ctrl+F] (Use In HTML Box)
]]></b:skin>
5) Now Paste the Code Shown Below just Before it.
.popular-posts ul li a {
background: none repeat scroll 0 0 #DDDDDD;
color: #444444;
display: block;
margin: 0 0 0.5em;
padding: 0.4em;
position: relative;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.popular-posts ul li a:before {
background: none repeat scroll 0 0 #CCCCCC;
font-weight: 700;
height: 2em;
left: -2.5em;
line-height: 2em;
margin-top: -1em;
position: absolute;
text-align: center;
top: 50%;
width: 2em;
}
.popular-posts ul li a:after {
border: 0.5em solid transparent;
content: "";
left: -1em;
margin-top: -0.5em;
position: absolute;
top: 50%;
transition: all 0.3s ease-out 0s;
}
.popular-posts ul li a:hover {
background: none repeat scroll 0 0 #CCCCCC;
}
.popular-posts ul li a:hover:after {
border-left-color: #CCCCCC;
left: -0.5em;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before{content:"10"}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before{content:"9"}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before{content:"8"}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before{content:"7"}
.popular-posts ul li:first-child + li + li + li + li + li a:before{content:"6"}
.popular-posts ul li:first-child + li + li + li + li a:before{content:"5"}
.popular-posts ul li:first-child + li + li + li a:before{content:"4"}
.popular-posts ul li:first-child + li + li a:before{content:"3"}
.popular-posts ul li:first-child + li a:before{content:"2"}
.popular-posts ul li:first-child a:before{content:"1"}
6) Now save your template.
abdelali tibicht
name is full abdelali tibicht, my country is morocco, care techniques and the development of blogging, my goal through this blog, is to help bloggers develop their blogs through my modest experience gained during my career blogging can.
Subscribe to Get Free Blogging Tips And Quality Tutorials Straight in Your Inbox.
