Contador de visitas.
Como colocar o gadget/widget estatísticas no seu blog é o que veremos hoje.
O primeiro passo é fazer login e aceder o seu painel de edição do blog. Click na aba Statísticas:
![Clik na aba statísticas. Inserindo o gadget estatisticas no blog.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8iMVzOAnswNwDCWGWgI7TSW2hQEjSU8-Kmm739n2a_aLpkAzcCOgD-W7kKK-wxr76Dzt0HMVN0nQo7ati7T3Wle0QnMWx6dHOoXwc5Q1Cb1UZbuPsyHzXruDeXrODQRb93QnSFyOYisJQ/s320/verbratecStatisticasBlog.jpg)
Para não entrar na contagem as suas próprias visualizações (facultativo) click no link Não rastrear suas visualizações de página. Marque a opção e click em salvar.
![Marcando a opção não rastrear suas visualizações de página. Opção não rastrear suas visualizações de página.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7316cFTZxesxz2gj47TxYo2FvBj8DXjCJ4dVyhYT-OUcnTBTBVxMuqHlL26E-BjKUOxsYhHqScqECfOLJjPZZ4lSRuJ7d9wX8nIlWk_c3S5PplHrr0USS4s8oBbgVm8wqn3PLd3hDB1LH/s320/verbratecStatisticasBlog1.jpg)
Agora vamos adicionar o gadget. Click em design:
![Click na aba design. Local da aba design no blog.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUlf8xNj7E57QvsiXaCdgn5GAFjJx796r1LHKnuIZTRyfkveWEyLR_cXeWpETK-n9z4Is7D2APV-S6hOLlt9oBr1krIQ5oh0Gb0x82mekaD82e9uwPnXCI4t17tcf9ZiOb0L8zQQ8Gya5p/s320/verbratecStatisticasBlog2.jpg)
Click em adicionar um gadget:
![Click em adicionar um gadget. Local do link adicionar um gadget no blog.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1SIdgD6BWlahwOwV63J4XT0985vabMFjSkT6kh5y1w8e1oRnfaARl168P3VbtmqfyLwJgFZQdKnnsPPzZEBpN9x3IAggArgvwcc_B-41zfO1XqBxFTnuUJgCNbqGQvtD5z4LoXDhFdP0/s320/verbratecStatisticasBlog3.jpg)
Escolha a opção estatísticas do blog.
![Click na opção estatísticas do blog. Escolhendo o gadget estatísticas.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pD0b3Gz0IQPvlSF6ojUVySBmI0MvR4sqUjPIXixAFVMac6B3T-yrYRhqwDTeJKRo_Hic2cTFiNQYGyZD56ZeCxU1DXw207TTJX0dapuMqUBqu96I1IVhu-aroZz9MP4p3Sve3mAdEqYL/s320/verbratecStatisticasBlog4.jpg)
Edite o título e configure conforme sua vontade, marque a opção animar contador e click em salvar.
![Marque a opção animar contador e click em salvar. Imagem do detalhe animar contador.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu23UrV4YdELbnrYyU6dc8OE3AEBKbbO8C-bl_mhxiqhV944LCRA_uHtw4nQAqN_7E4EHVTwn78ln0NOIUYpi8Zg_owapWy2L62YTHonfLnEEzdBD0Ys8nwRezsd4irgn0nnlnKs1cmBub/s320/verbratecStatisticasBlog5.jpg)
Posicione o gadget e click em salvar:
![Estando na posição desejada click em salvar. Local do botão salvar no painel do blog.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR2JpbMSc-7XW-ZOFvlRMdoJCXseRJYdLbMNyONwzIP6Y7OO2cS5EoJvwP-1Ktxl4WnoTa8OWo-B6f_JOGegq76k2E6EUcIKndxrES5SZTI00q_nVswubCoinRSxPMoLiT3G3Po3nIzWmp/s320/verbratecStatisticasBlog6.jpg)
Obs: para posicionar o gadget, com o botão esquerdo do seu mouse click sobre o gadget e mantenha-o premido, agora mova para o local desejado e solte o botão (painel layout).
![Aspecto final do contador. Imagem do aspecto de apresentação do contador de visitas.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEl7iTleHasJW5uzNZWMGbit3fYqqNV8xImoeZEal2mbQltoRX6MIgaJRwOSINC2BDAappauUIP1g-G0CC_n0Gfai4ajQEOLG5b_mDpPBaDzbbKbEz1Wz0vMSiAcJ-ns4reKC7h6jBAHT/s320/verbratecStatisticasBlog7.jpg)
Bem simples, usa javascript podendo apresentar conflito quando se tem muitos scripts e bibliotecas diferentes no blog. Outro detalhe é que o internauta pode estar navegando com o javascript desabilitado.
Então eu usei e recomendando que tenham cuidado ao linkar quaisquer arquivos de outros sites.
As coisas mudam e mudam rápido na web, depois de estar com os botões socias prontos, começou a demorar muito para carregar a página e a espera era pelo Google+ e tive que retirá-lo infelizmente. Também está ocorrendo um problema com Internet Explorer e tive que bloquear o acesso até encontrar a causa.
Código pra lá e código pra cá resolvi testar o CSS no gadget Stats do BLOGGER e aceitou bem, veja que ficou aceitável a aparência:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTtA7zobkFHN-kBBdG1BSD0zR8GjWAE-Gku5oOuh0CAsbQpFiZD4ThcZfuenlhU97oliwr-rxsVMYxnhD4ghDypYW8TA3AUcP1ELfWmMCNoY18fQ07lCwD6ZtM-0TqwgpDqUBx8-_JK2Rr/s320/verbratecAjudaContadorVisitas.jpg)
Este é o código que usei:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQhAhGgm-NHBApNsMP_sYQccLTgK2eDX9V51lgVU0zdGg3S37WpK0YP__TANmc6Isi4gwPcSqVIKmfU1idHQUdJThjRONXcsQ3WmQxhjFDpxCvo8WEchyphenhyphenjatCdQHrwi5LMrWwz_FaLg8kA/s320/cssVerbratecAjudaGadgetContador.jpg)
Resolvi então aplicar mais uma borda:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHUeTZSRYpP3MrFDAUwKGYCRDJnUBbLZG8ePcPol8iunNhRupQWV8fM_FFIk4dCCcvWSnvp0sfexZGwLjoajyr2pYH1Y76pMVwmpGxIYN5XkKbB_pyS4eoCTR03lwvtlIZ7E_0bDGPWVuX/s320/VerbratecAjudaContadorVisitasCss.jpg)
Usei para tanto este último código CSS>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkg48jpsJt8yijdLMxZkUWaLZn-yj36BDg4Ze8qIfi2Tu3GacRTUk9-P02YYKVdl0V6J824XFshDIK2Ybsy9LItcVnDBCmTUXqHkdh__T_byws9jX3O_kJ6tLdYtc1AO6L5mekjICoBpwl/s320/codigoCssVerbratecAjuda.jpg)
Atualizado em 03-02-2012.
Obrigado pela sua atenção!