CÓDIGO CSS
(colar abaixo de </head>)
<style type='text/css'>
.PopularPosts .item-thumbnail a {
clip: auto;
display: block;
height: 150px;
margin: 0 0px 5px -10px;
overflow: hidden;
width: 300px;
}
.PopularPosts .item-thumbnail img {
position: relative;
top: -30px;
transition:all .2s linear;
-o-transition:all .5s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
}
.PopularPosts .item-thumbnail img:hover{
opacity:.6;
filter:alpha(opacity=60)
}
.PopularPosts .widget-content ul li {
background: transparent;
color: #555555;
padding: 10px;
margin-bottom: 5px;
list-style: none;
}
.PopularPosts .item-title {
clear: both
font: 14px Cambria,Arial, sans-serif;
color: #2288BB;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.PopularPosts .item-snippet {
display: none;
}
.widget .widget-item-control a img {
height: 18px;
width: 18px;
}
</style>
CÓDIGO JAVASCRIPT
(colar acima de </body>)
<script type='text/javascript'>
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/w72-h72-p-k-no-nu/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i<thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("PopularPosts1",300);
</script>