Postagens mais vistas personalizadas

Views:
CÓDIGO CSS
(colar acima de ]]></b:skin>)


/*-----POSTAGENS MAIS VISUALIZADAS PERSONALIZADAS BY ELAINE GASPARETO -----*/
.PopularPosts .widget-content ul li {
padding: 0;
padding-top: 3px;
list-style:none;
background: #3C4042; /*COR DE FUNDO DO GADGET*/
margin:10px  0px;
border:0;
text-align: center;
color: #ffffff; /*COR DO TEXTO DO GADGET*/
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
.PopularPosts .item-title {
padding: 0 5px;
padding-bottom: 8px;
}
.PopularPosts .item-snippet {
padding: 0 5px 5px;
}
.PopularPosts .widget-content ul li {
overflow: hidden;
}
.PopularPosts .widget-content ul li:hover {
background: #FF9A4F; /*COR DE FUNDO DO GADGET AO PASSAR O MOUSE*/
}
.PopularPosts .widget-content ul li:hover .item-snippet {
color: #fff; /*COR DO RESUMO SE HOUVER*/
}
.PopularPosts .widget-content ul li .item-title a {
color: #fff; /*COR DE TEXTO DO GADGET*/
}
.PopularPosts .widget-content ul li:hover .item-title a {
color: #fff; /*COR DE TEXTO DO GADGET AO PASSAR O MOUSE*/
}
.PopularPosts .item-thumbnail {
height: 130px; /*ALTURA DAS MINIATURAS*/
overflow: hidden;
margin-right:0;
}
.PopularPosts img {
width:100%;
margin-top: -40px;
margin-right: -7px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
.PopularPosts ul li:hover .item-thumbnail img {
margin-top: -150px;
}



CÓDIGO JAVASCRIPT
(cole acima de </body>)

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>

<script type='text/javascript'>
$(&#39;.popular-posts img&#39;).attr(&#39;src&#39;, function(e, t) {
return t.replace(&#39;/w72-h72-p-nu/&#39;, &#39;/s350-c/&#39;)
});
$(&#39;.popular-posts ul li .item-snippet&#39;).each(function(){
var txt=$(this).text().substr(0,60);
var j=txt.lastIndexOf(&#39; &#39;);
if(j&gt;10)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,&#39;...&#39;));
});
$(&#39;.popular-posts ul li .item-content a&#39;).each(function(){
var txt=$(this).text().substr(0,60);
var j=txt.lastIndexOf(&#39; &#39;);
if(j&gt;=6)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,&#39;...&#39;));
});
</script>


CORREÇÃO DO TAMANHO DAS MINIATURAS

Localize, no gadget PopularPosts1 o trecho:

data:post.featuredImage, 72, &quot;1:1&quot

e troque o valor 72 por 500
Salve.
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage