Personalizar o gadget Estatísticas do Blogger

em 28 de janeiro de 2014

Personalizar o gadget Estatísticas do Blogger

Todos nós conhecemos o gadget Estatísticas do Blogger.
Trata-se do gadget que mostra quantas visualizações de página o blog teve desde que o recurso foi implantado, se não me engano no final de 2010 ou começo de 2011.
É funcional mas bem basiquinho.
O tutorial de hoje vai ensinar como dar um charme ao gadget, e ainda acrescentar a quantidade de postagens e comentários que há no blog.
Ficará assim:


Demonstração do tutorial


Instalar o hack Estatísticas no blog

Para começar você precisa ter instalado em seu blog a versão básica do gadget.
Entre em seu painel, clique na aba Design e a seguir clique em Adicionar um gadget. Escolha a opção Estatísticas do blog, salve sua escolha e arraste para onde deseja que fique. Salve as alterações.

Caso já tenha o gadget instalado pode, claro, pular essa primeira parte e ir direto para a personalização.

Personalizar o gadget Estatísticas do blog

Clique na aba Modelo e a seguir clique em Editar html.
Dentro da caixa de código que abrir tecle Ctrl+F e na barra de busca cole isso:



Tecle Crtl+C para copiar.
Dê Enter para localizar.
Agora preste bastante atenção!
Você vai selecionar tudo o que estiver desde <b:widget id='Stats1' locked='false' até </b:widget>.
Veja no print de tela:


Depois de selecionar SUBSTITUA todo o trecho selecionado pelo primeiro código:

Copiar o primeiro código


Salve a alteração.

Agora vamos dar estilo à aparência do gadget.
Localize dentro do código-fonte esta tag:



E acima dela cole o segundo código:


Copiar o segundo código



Com dificuldades para copiar os códigos? 
Leia: 
Como usar os tutoriais deste blog?

Este código define a aparência do gadget. Você pode trocar cor de fundo, tamanho da fonte, cor das letras, etc.
Deixei marcado no código as principais alterações que podem ser feitas.
Será preciso um pouco de conhecimento em CSS mas é tudo muito simples e fácil.
Depois de deixar como deseja visualize e se estiver ok salve as alterações do modelo.

Um bom lugar para deixar esse gadget é no final da sidebar. Evite deixar no começo porque em alguns templates ele pode atrapalhar a exibição de outros gadgets.
Então, arraste sempre para o final da sidebar ou coloque no footer/rodapé do seu blog.

Viu que legal que fica?
Gostou?
Curte aí!


Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

8 comentários , comente também!

  1. Olá amiga, estou passando para fazer um convite antecipado. No dia 01-02-14 o meu blog estará completando dois aninhos e neste dia estarei lançando o TROFÉU CULTURAL, será um prazer te ver lá participando da festinha e escolhendo o seu troféu.
    Estou me antecipando com as visitas, uma vez que na minha cidade está acontecendo a festa do Padroeiro, visitas em casa e dia 01, volto ao trabalho, desta forma para visitar a todos ficará difícil no dia.
    Abraços uma linda noite!
    Profª Lourdes Duarte
    http://professoralourdesduarte.blogspot.com.br/

    ResponderExcluir
  2. Fico muito grato a Deus por ter num de-repente chegado até seu blog... aprendi muito por aqui.
    Sou novo no Blogger, ainda estou me adaptando, mas as coisas estão indo muito bem.
    Eu gostei muito do seu blog,...
    Fiquem todos com Deus.

    ResponderExcluir
  3. elaine como vc colocou seu nome e uma caneta em baixo vc pode postar como colocar isso?

    ResponderExcluir
  4. ah esqueci coloca também como fazer um menu igual ao seu obg
    laura

    ResponderExcluir
  5. Nota 10000000000 para seu blog me ajudou muito no meu, a maioria das coisas que queria mudar no meu blog achei no seu obrigado por esse trabalho.

    ResponderExcluir
  6. Elaine amei a dica, mas no meu não está aparecendo os números de postagens nem de comentários, no lugar desses números aparece "..." será que é alguma configuração do blog?
    Blog ArroJada

    ResponderExcluir
  7. No meu também não está aparecendo o número de Postagens e de Comentários, aparece (---)

    ResponderExcluir
  8. No meu tbm não aparece a quantidade de postagens e comentários, como proceder??

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…