[Tutorial] Widget contador Feed + Twitter + Comentários + Postagens [Blogspot]

[sedentarioP~ 0]

Primeiro de tudo deixo os creditos do Widget que foi feito pelo site Códigos blog. lembrando que o dono tem o controle de quem usa esse widget então os engraçadinhos plagiadores e melhor nem tentar plagiar né!

 

 

Olhe como ficara no seu blog:

 

 

pra instalar e muito facil:

1º- Faça login no Blogger, entre em “Layout” -> “Elementos da página”, clique em “Adicionar um Gadget” -> “HTML/Java Script”

 

 

Depois e so adicionar esse codigo e mudar o que pede nos lugares indicados:

<div style="width: 330px; background: #fff; padding: 0; margin: 0; border: 0;">

<div name="feed" style="float: left; width: 160px; height: 50px; background: #fff;">

<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

) no-repeat;"></div>

<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

NOME_DO_FEED" target="_blank"><script language='javascript' type='text/javascript' src='

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

NOME_DO_FEED'></script> Assinantes</a></div>

<p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p>

</div>

<div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; background: #fff;">

<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

) no-repeat;"></div>

<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

SEU_USUÁRIO_TWITTER" target="_blank"><script type='text/javascript' src="

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

SEU_USUÁRIO_TWITTER"></script> Seguidores</a></div>

<p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p>

</div>

<div name="postagens" style="margin-top: 5px; float: left; width: 160px; height: 50px; background: #fff;">

<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

) no-repeat;"></div>

<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><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>

<p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">acompanhe</p>

</div>

<div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; background: #fff;">

<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

) no-repeat;"></div>

<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><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>

<p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">comente também</p>

</div>

<span style="float: right; font-size: 10px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;"><small><script language='javascript' type='text/javascript' src='

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

</div>

 

Prontinho agora e so usar direito e desfrutar desse otimo widget!