[Th? Thu?t] ��nh s? th? t? cho ti?n �ch Popular Posts (b�i dang ph? bi?n)

B�i vi?t n�y m�nh s? chia s? m?t style c?a ti?n �ch Popular Posts (b�i dang ph? bi?n) c� d�nh s? th? t? c�c b�i vi?t cho Blogger (nhu h�nh tr�n).
Sau d�y l� c�c bu?c th?c hi?n th? thu?t:

Bu?c 1: V�o M?u > Ch?nh s?a HTML.
Bu?c 2: Ch�n do?n sau v�o tru?c th? ]]></b:skin>:

/* Popular Posts Widget */
.popular-posts ul li a {
background: none rept scroll 0 0 #222222;
color: #FFFFFF;
display: block;
margin: 10px 0;
padding: 25px 15px 30px;
position: relative;
text-decoration: none;
transition: all 0.3s se-out 0s;
width: 85%;
}
.popular-posts ul li a:before {
background: none rept scroll 0 0 #2DB3E9;
color: #FFFFFF;
font-weight: 700;
height: 2em;
line-height: 2em;
margin-left: 88%;
padding: 4px;
position: absolute;
text-align: center;
width: 2em;
transition: all 0.2s se-in-out 0s;
-moz-transition: all 0.3s se-in-out 0s;
}
.popular-posts ul li a:hover {
opacity: 0.8;
}
.popular-posts ul li a:hover:before {
border-left-color: #CCCCCC;
left: -1px;
-webkit-transition: all 0.2s se-out;
-moz-transition: all 0.2s se-out;
-ms-transition: all 0.2s se-out;
-o-transition: all 0.2s se-out;
}
.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";
}
.item-snippet {
display: none;
}
.PopularPosts .item-thumbnail {
display: none;
}

Ch�c c�c b?n th�nh c�ng !
NGU?N:
http://kjmagic.blogspot.com/2014/05/blogger-ed-popular-posts-widget.html