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.

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

22 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

Deixe um comentário

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