Contador de postagens, comentários e visualizações

Views:
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>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage