CÓDIGO CSS
(colar acima de ]]></b:skin>)
/*---------CONTADOR DE POSTS, COMENTÁRIOS E VISUALIZAÇÕES BY ELAINEGASPARETO.COM*/
#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{
display:inline;
width:33%;
border:0;
color:#fff; /*COR DA FONTE DO ITEM*/
float:left;
text-decoration:none;
margin:0;
font-size:12px; /*TAMANHO DA FONTE DO ITEM*/
list-style-type:none
}
#Stats1 li:hover{
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Stats1 h4{
margin:0;
font-size:18px; /*TAMANHO DA FONTE DO CONTADOR*/
line-height:1.2em;
color:#fff; /*COR DA FONTE DO CONTADOR*/
padding: 0 5px 0 5px;
}
#Stats1 span{
font-size:12px;
color:#fff;
padding: 0 5px 0 5px;
}
#totalposts{
background: #bf005f; /*COR DE FUNDO DOS POSTS*/
}
#totalComments{
background: #ffb200; /*COR DE FUNDO DOS COMENTÁRIOS*/
}
#totalCount{
background: #396CC6; /*COR DE FUNDO DAS VISUALIZAÇÕES*/
}
CÓDIGO HTML
(COLAR EM SUBSTITUIÇÃO AO GADGET STATS)
<b:widget id='Stats1' locked='false' title='' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<li id='totalposts'>
<h4 id='Stats1_totalPosts'>
…</h4>
<span>Postagens</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'>
…</h4>
<span>Comentários</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + "_totalCount"'>
…</h4>
<span>Pageviews</span>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>
</div>
<div style="clear:both"/>
</b:includable>
</b:widget>