Gadget de estatísticas do blog para Blogger

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Recentemente adicionei um gadget de estatísticas na barra lateral do blog. É um gadget simples que mostra a exatamente quantos dias o blog está online, a quantidade de artigos publicados e a quantidade comentários. Pode ficar bem bonito em alguns layouts e é bem fácil de configurar. Funcionar apenas para blogs no Blogger e pode ser adicionado na barra lateral (sidebar).

Aqui temos uma imagem de como ficaria o modelo do gadget (elemento de página) adicionado à lateral do Template.

estatisticas

Como adicionar o Gadget de estatísticas

1. Acesse o painel do seu blog

2. Clique na guia “Layout

3. Clique em ‘Adicionar um gadget’ → Escolha tipo’HTML/Javascript’ e cole o seguinte código:

<div style="float: left;"><img style="width: 193px; height:55px;" src="http://1.bp.blogspot.com/_dsEG33PDaHw/TJvkySNSsAI/AAAAAAAAAXo/xwOjSE9l92c/s1600/stats.png"/></div>
<div style="float:left;text-align:left;font-size: 14px;line-height:18px;font-family:Oswald;font-weight:0 ;color:#b60002;">
<script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(9, 2, 2012, "" );</script> Dias online<br/>
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://URL_do_Blog/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> Postagens
<br/>
<script src="http://URL_do_Blog/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> comentários</div><div style="clear: both;"></div>

4. Substitua os números que estão  destacado em vermelho pela data que seu blog foi criado, na ordem de Dia/Mês/Ano.

5. Substitua o texto destacado em azul (URL_do_Blog) pelo seu blog.

6. Salve, e pronto!

Obs.: Você pode alterar o tamanho em: width: 193px;

Pode alterar a altura em: height:55px;

Pode alterar o tamanho, cor e tipo da fonte.

.

24 Comentários

  1. Show de bola, estou construindo aos poucos meu site, usei este widget muito bom, porém os comentários do meu Blog será feito pelo IntenseDebate, como faz pra contar?
    Obrigado…

    Responder

  2. Kemuel estou levando de novo…rsrs…,tirei meu site do domínio personalizado,coloquei no blogger.
    Vou levar mais coisa,tá?
    Gostaria de levar seu banner mas vc não fez,faz menino que eu levo.
    Obrigada,sucesso para vc!!!

    Responder

  3. Abaixo deste Gadget estatísticas tens uns links para as redes sociais. (Ainda não tens o link do Google+ colocado.
    Será que dá para falares como colocar esses ícones das redes sociais. Adorei a animação que eles têm.
    Ficarei grato.

    Responder

  4. Olá Kemuel!

    Levei este Gadget para o meu blog e funciona perfeitamente, como não a criadora deste e não pretendo violar os direitos autorais de ninguém, inclui o link da postagem e o nome do vosso blog. Deste modo estarei a direccionar os meus amigos e seguidores para o vosso blog.
    Queria pedir-vos se seria possível fazerem um tutorial a ensinar a desenhar um gráfico em 3D no estilo pizza no photoshop que dê para a versão CS3.

    Obrigada pela atenção.

    Estou a seguir o vosso blog.

    Abraços de Portugal e sucesso para o blog,

    Cris Henriques

    http://oqueomeucoracaodiz.blogspot.com

    Responder

  5. Bom dia Kemuel
    Minha amiga abriu um blog e não sabe como colocar as estatística de dentro do blog. Coloquei o seu, mas não era o que ela queria e sim. p.x aquelas serrinhas 6,48O (quem colocou no meu blog não lembra mais como fez).
    Obrigada
    Lua Singuar
    Estou a seguir

    Responder

  6. Olá! Eu tenho dois blogs e o meu primeiro blog não está mais aparecendo o contador de visitas, está lá, mas não aparece! Tentei usar o seu e também não consegui direito! Eu não sei ao certo onde introduzir a data e também só sei a o mês 5 e ano 2010 de criação do meu blog, como faço pra acertar isso? meu blog é reflexhuman.blogspot.com.br

    Responder

  7. Olá! O contador de visitas do meu blog parou de funcionar, coloquei este daqui , mas também não funcionou, não sei ao certo onde colocar a data inicial, tenho o meu blog desde 2010 e só veio dar este problema agora, tenho outro blog mais recente, será que é isso que está gerando conflito?

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.