Postagens populares numeras e personalizadas

CÓDIGO CSS

/*---- POSTAGENS MAIS VISTAS ----*/
.PopularPosts .widget-content ul{
width:100%;
padding:0;
list-style-type:none;
}
.PopularPosts .widget-content ul li{
margin:0 0 10px;
padding-bottom:10px;
position:relative;
overflow:hidden;
}
.PopularPosts .widget-content ul li .item-title{
line-height:1.4em;
padding:6px 10px 0 0;
}
.PopularPosts .widget-content ul li .item-title a{
font-size:14px; /*--- TAMANHO DA FONTE DO TÍTULO--- */
font-weight:400; /*--- PESO DA FONTE DO TÍTULO--- */
color:#111; /*--- COR DA FONTE DO TÍTULO--- */
}
.PopularPosts .widget-content ul li a:hover,.PopularPosts .widget-content ul li:hover a{
color:#aaa; /*--- COR DA FONTE DO TÍTULO HOVER--- */
}
.PopularPosts .widget-content ul li img{
width:130px; /*--- LARGURA DAS MINITURAS--- */
height:110px; /*--- ALTURA DAS MINIATURAS--- */
padding-right:0;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;transition:all .5s ease-out;
-webkit-filter:brightness(.8);
filter:brightness(.8)}
.Label li,.Label li a{
position:relative;
color:#444;
}
.PopularPosts .item-thumbnail{float:left;margin:0 10px 0 0;
width:130px; /*--- LARGURA DAS MINITURAS--- */
height:110px; /*--- ALTURA DAS MINIATURAS--- */
overflow:hidden;
}
.PopularPosts .widget-content ul li img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.PopularPosts .widget-content ul li:before{
color:#444;
counter-increment:count;
content:counter(count);
position:absolute;
left:5px;
top:10px;
z-index:51;
transition:all .4s;
height:30px; /*--- TAMANHO DO CÍRCULO DA NUMERAÇÃO--- */
min-width:30px; /*--- TAMANHO DO CÍRCULO DA NUMERAÇÃO--- */
border-radius:50px; /*--- GRAU DE ARREDONDAMENTO DO CÍRCULO--- */
font-size:17px; /*--- TAMANHO DA FONTE DA NUMERAÇÃO--- */
background:#F9CCD6; /*--- COR DE FUNDO DO CÍRCULO DA NUMERAÇÃO--- */
font-weight:700 !important; /*--- PESO DA FONTE DA NUMERAÇÃO--- */
text-align:center;
padding:3px;
padding-top: 5px;
overflow:hidden;
}
.PopularPosts ul{counter-reset:count}
.PopularPosts .item-control,.PopularPosts .item-snippet{display:none}


CÓDIGO DE AJUSTE DAS MINIATURAS:

<script type='text/javascript'>
      // Popular Post Thumb
      $(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});
                                      //<![CDATA[
                                      // Custom Popular Post
                                      $(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,420),s=t.lastIndexOf(" ");s>10&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});
                                    //]]>
    </script>
<script type='text/javascript'>
$(document).ready(function(){$(&quot;.item-thumbnail&quot;).find(&quot;img&quot;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;w72-h72-p-nu&#39;, &#39;s500-c&#39; );})});
$(document).ready(function(){$(&quot;.item-thumbnail&quot;).find(&quot;img&quot;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;w72-h72-p-k-no-nu&#39;, &#39;s500-c&#39; );})});
$(document).ready(function(){$(&quot;.mobile-index-thumbnail&quot;).find(&quot;img&quot;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s1600&#39; );})});
</script>