Excelente Widget – contador de feeds, seguidores, posts e comentários
Neste pos falarei aqui no Dicashot a respeito de como colocar um contador de feeds, seguidores, posts e comentários no blog, como nessa figura ao lado.Incluindo o código CSS
1° Entre em "Design" e clique em 'Adicionar um Gadget" do tipo "HTML JavaScript";
2° Cole o seguinte código:
<div style="border: 0; margin: 0; padding: 0; width: 345px;">
<div name="feed" style="float: left; height: 50px; width: 160px;">
<div name="img" style="background: url(http://www.portoalegrevoip.com.br/wp-content/themes/poa-voip/images/feed.gif) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 6px 0px 0px;">
CÓDIGO DO FEEDBURNER</div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
assine o feed</div>
</div>
<div name="twitter" style="float: left; height: 50px; margin-left: 10px; width: 160px;">
<div name="img" style="background: url(http://www.icartoes.com.br/imagens/twitter-bird.gif) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 6px 0px 0px;">
CÓDIGO DO TWITTER COUNTER</div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
siga no Twitter</div>
</div>
<div name="postagens" style="float: left; height: 50px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAm8U-Q3NSUNQgsAx8PuH5PJRSKu9WBOOTxKfM6I_Fy_a1a0iV7_RB7i7WEnEXAguYDy4jWTF5DWV-Zir_EroNO5eVPC6DwELZxB7TKSQHhm55O4Vni_TYKsu9ns7yKVAhPcphwCFj2E4/s45/lapis-menu.gif) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0; padding: 6px 0 0 0;">
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens </div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
acompanhe</div>
</div>
<div name="comentarios" style="float: left; height: 50px; margin-left: 10px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZNQZG8MRPjg7Z02HUIENXXWLx3zjCy0Wf1BbFj0ekUiV-Yuukiz2R0RocYHuT9Xa1edtQB8T89L8QpsV5JLLFjJXDfyDta4kqRO31PKbbbUH2G4D7yyc6QYLLBckX-U-T671tmPT0OT1/) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0; padding: 6px 0 0 0;">
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
<script type="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ários</div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
comente também </div>
</div>
<div style="text-align: center;">
<small> Widget <a href="http://dicashot.blogspot.com/" target="_blank">DicasHot</a> modificado por Samuel</small></div>
</div>
<div name="feed" style="float: left; height: 50px; width: 160px;">
<div name="img" style="background: url(http://www.portoalegrevoip.com.br/wp-content/themes/poa-voip/images/feed.gif) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 6px 0px 0px;">
CÓDIGO DO FEEDBURNER</div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
assine o feed</div>
</div>
<div name="twitter" style="float: left; height: 50px; margin-left: 10px; width: 160px;">
<div name="img" style="background: url(http://www.icartoes.com.br/imagens/twitter-bird.gif) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 6px 0px 0px;">
CÓDIGO DO TWITTER COUNTER</div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
siga no Twitter</div>
</div>
<div name="postagens" style="float: left; height: 50px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAm8U-Q3NSUNQgsAx8PuH5PJRSKu9WBOOTxKfM6I_Fy_a1a0iV7_RB7i7WEnEXAguYDy4jWTF5DWV-Zir_EroNO5eVPC6DwELZxB7TKSQHhm55O4Vni_TYKsu9ns7yKVAhPcphwCFj2E4/s45/lapis-menu.gif) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0; padding: 6px 0 0 0;">
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens </div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
acompanhe</div>
</div>
<div name="comentarios" style="float: left; height: 50px; margin-left: 10px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZNQZG8MRPjg7Z02HUIENXXWLx3zjCy0Wf1BbFj0ekUiV-Yuukiz2R0RocYHuT9Xa1edtQB8T89L8QpsV5JLLFjJXDfyDta4kqRO31PKbbbUH2G4D7yyc6QYLLBckX-U-T671tmPT0OT1/) no-repeat; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0; width: 46px;">
</div>
<div name="contador" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0; padding: 6px 0 0 0;">
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
<script type="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ários</div>
<div name="texto" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: -5px 0 0 0; padding: 0;">
comente também </div>
</div>
<div style="text-align: center;">
<small> Widget <a href="http://dicashot.blogspot.com/" target="_blank">DicasHot</a> modificado por Samuel</small></div>
</div>
3° SUBSTITUA os campos destacados em azul no código, salve e pronto!!!
Se inscreva e receba nossas atualizações por e-mail:
