Contador de Visitas por Post Único

Uma maneira de identificar quais são os artigos de seu blog mais populares é a análise das visitas por postagem. Geralmente checamos isso em sites ou ferramentas específicas como o Google Analytics

Este widget, criado por Best Blogger Widgets, permite apresentar em seu próprio blog uma contagem de visitas por post.

Instale o Widget

O widget utiliza um script em php hospedado pelo servidor do Best Blogger Widgets, portando não há necessidade de hospedagem.

Se você quiser o widget como na imagem acima, a instalação é muito simples:

1) Acesse o painel de Layout ==> Editar HTML;

2) Salve uma cópia de seu template;

3) Clique para marcar a caixinha "Expandir Modelos de Widgtes;

4) Localize o código do post-header-line-1:

?

1 2	<div class='post-header-line-1'/> </div>

O código anterior estava mostrando publicidade em nova janela cada vez que o leitor clicava em qualquer link das páginas.

Já foi feita a substituição pelo autor do widget, desta vez utilizando imagens no contador. O código do ítem abaixo (5), é o código que deverá ser utilizado e não contém publicidade.

Veja no final do artigo as instruções e opções sobre a imagem do contador que podem ser usadas.

5) No lugar desse código, cole o código para o widget - deixando como segue:


1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 6<br /> <br /> <div class='post-header-line-1'><span class='hit-counter'><br /> <b:if cond='data:blog.pageType == "item"'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' style='padding-right:3px; vertical-align:middle' width='16'/> <b>Visitas:</b> <img alt='counter' expr:src='"http://demo.bloggerwidgets.cz.cc/counter.php?page=" + data:post.id + "&digit=16"' style='padding-left:2px; vertical-align:middle'/> <b:else/><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' style='padding-right:3px; vertical-align:middle' width='16'/> <b>Visitas:</b> <img alt='counter' expr:src='"http://demo.bloggerwidgets.cz.cc/counter2.php?page=" + data:post.id + "&digit=16"' style='padding-left:2px; vertical-align:middle'/></b:if><br /> </span><br /> <div class='clear'/></div>

6) Para alterar a imagem da numeração do contador, procure no código o trecho digit=16 e altere o número 16 para o número da imagem que você preferir.

Veja os modelos:

7) Visualize o template e se estiver tudo ok, salve.