Welcome to NewEstr here will Find all new widget and template blogger and Latest News seo and facebook ......
Popular Posts
-
Can you really earn money online? You can hear people ask this question more than once. The good news is, yes you can and anyone... -
If you are looking to make money from Facebook, then you are not alone. There are millions of people who spend hours a day on Facebo... -
The Mobile web is growing at a pretty rapid pace, and is becoming more and more significant, especially in terms of search traffic... -
Increasing and spreading everyday idea of doing shopping and buying online, thus increasing competition between online shopping sites pr... -
Many people who write blogs today simply want to share their opinion on something. But then there are the business-minded folks, ...
-
Computer experts believe it is no longer at the moment clear boundaries separating smartphones and multimedia phones traditio... -
The development in the field of information technology has made possible numerous things that were impossible in the past. Phones t... -
That's it ! The iPhone and the iPhone 5S 5C were finally presented by Apple, and the new iOS7 at the conference which took...
-
There are lots of lots of different ways to earn money online, using ‘get paid to’ programs. Microworkers is a program where you get ...
-
Do you already heard the term "IMEI" or read about it in one of the topics related to mobile phones ? , Well in this post ...
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.
