.

domingo

Textual description of firstImageUrl

Excelente Widget – contador de feeds, seguidores, posts e comentários

ACESSOS:
Deixe seu comentário


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

Entre em "Design" e clique em 'Adicionar um Gadget" do tipo "HTML JavaScript";

                                                           

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(http://1.bp.blogspot.com/_Ti9a25GZHOk/SYSLclIAvrI/AAAAAAAAAAk/JEcY3iqYMiQ/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&amp;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(http://lh4.ggpht.com/_EttevOw0KeE/S7kV7FdeDnI/AAAAAAAAIm4/26PFUj_DPfs/male_users_comments.png) 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&amp;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:




Cursos 24 Horas

Cursos Online

RESPONDA: DE 0 A 5 O QUANTO ESTE CONTEÚDO FOI ÚTIL PARA VOCÊ?
{[['']]}