Widget contador de posts e comentários

Olá leitores do Tecnoblog,

Hoje vamos ver um gadget pouco utilizado nos blogs, mas de grande utilidade. Este widget irá contar quantos posts você tem publicados e os comentários. Para esse efeito você não necessita inserir código em seu HTML, só no simples modo. Veja:

1. Vá em Design e Adicionar um gadget e escolha o tipo: HTML/JavaScript.

2. Escolha o modelo de widget que deseja colocar:

I- Contador simples:

<div id="contador-estatisticas" align="left"><b>Estatística deste blog:</b><br/>
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Coment&aacute;rios em <script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens
<br/>

II- Contador Com botão:

<div id="contador-estatisticas" align="left"><b>Estatística deste blog:</b><br/><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:3px; left:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:4px; left:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5J_L37gjdnWIPvCf9s-ktYVmnJ5kgLJiPJqCPbcP-8ImZg1tRXmiky0p3q8cnOpEh0mskXKpwjMJDFTRrbrTGZVI7ocSsTs0EExcp5tzT5BP8UB0mBtsVSNps_IAQv446gSz7R3U4jgXx/"/></div>

III- Contador com avatar(ícones):

<div style='height:40px;float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2Gwe5M_KG-BPxz76OJ6vuEKYMYGTVFkZXUdIIdqUGsRVgyaaCuZ4-MdzEyqPpw3S6LgQ5nCAtBdVilDVHag1vRO5HcnHHOd1xX4GD0MzXwgIGmqkxJxqKRiV1vliqbvRyXjZNsbmYFY/" style="margin-right:8px;float:left;" />
<span style="float:left;margin-top:2px;padding:0;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Coment&aacute;rios</span><br />
<span style="float:left;margin:0px;padding:0px;">Comente também!</span>
</div>
<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaPUE_NLimpPYSvU8KSGDjYF5EfNWoNVz6GtRRFJTWX6bAGZbSVLtbe2eP3CswtwWigMsvXyH2Z-jDlxpHPXqIp4mdCPITKfaN9hHW_BuGJyn3s2IJNgoKSIsD5cuedSA-z8mI-rKF9M/" style="margin-right:8px;float:left;" />
<a href="LINK-DO-SEU-INDICE-AQUI">
<span style="float:left;margin-top: 2px;padding:0; ">
<script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens
</span><br />
<span style="float:left;margin:0px;padding:0px;">Confira o Indice!</span>
</a>
</div>
<div style='clear:both;'/>
<center>

Caso queira retira o: Confira o índice, apague os códigos destacados de vermelho.

 Se preferir, substitua os códigos destacados de verde, pelas url de suas imagens.

• User Web 2.0 Icons

Ao terminar, salve!
#Retire os espaços que ficarem#
Pronto!