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.
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&callback=showpostcount"></script> Postagens
<br/>
<script src="http://URL_do_Blog/feeds/comments/default?alt=json-in-script&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.
Muito bom seu blog é um dos melhores que já ví continue com este projeto.
Obrigado. Valeu o apoio!
Ferramenta bastante útil, mereceu meus favoritos!
Obrigado.
Oi!, Obrigado por colocar! estava presisando!
Desculpa não entrar antes é porque o meu PC tinha estragado!
Eu que agradeço Matheus. Valeu!
no meu a fonte ta muito pequena e nao fala o ner de comentarios
Você substituiu o texto destacado em azul Dicas blogger.org; pelo nome do seu blog?
Se você observar o código você verá que é possível aumentar o tamanho da fonte
Agradeço pela postagem levei para meu blog,deu certinho.
Obrigada.
Valeu Graça Madeira! Boa semana. Sucesso!
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…
Eduardo, infelizmente não sei se funciona a contagem de comentários no IntenseDebate. Assim que descobrir algo relacionado te dou o toque.
Valeu!
Nossa! Excelente site! O melhor que eu já visitei! Parabéns mesmo, me ajudou bastante! ^^
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!!!
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.
to querendo add um link html na estatistica comentarios para que as pessoas possoas visualizar os comentarios feitos e cada publcação como faço
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
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
É muito simples. Entrar em “Layout” depois clicar em “Adicionar um Gadget” escolha “Estatísticas do blog” é isso.
Oi Kemuel
Muito obrigada
Seu blog é de grande valia
Parabéns
Lua Singular
Simples e funcional! obrigado.
LEGAL
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
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?