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
2
3
4
5
6
<div class='post-header-line-1'>
<span class='hit-counter'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><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='&quot;http://demo.bloggerwidgets.cz.cc/counter.php?page=&quot; + data:post.id + &quot;&amp;digit=16&quot;' 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='&quot;http://demo.bloggerwidgets.cz.cc/counter2.php?page=&quot; + data:post.id + &quot;&amp;digit=16&quot;' style='padding-left:2px; vertical-align:middle'/></b:if>
</span>
<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.

Creditos Totais Ao blog : Best blgger Widgets

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
2
3
4
5
6
<div class='post-header-line-1'>
<span class='hit-counter'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><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='&quot;http://demo.bloggerwidgets.cz.cc/counter.php?page=&quot; + data:post.id + &quot;&amp;digit=16&quot;' 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='&quot;http://demo.bloggerwidgets.cz.cc/counter2.php?page=&quot; + data:post.id + &quot;&amp;digit=16&quot;' style='padding-left:2px; vertical-align:middle'/></b:if>
</span>
<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.

Creditos Totais Ao blog : Best blgger Widgets

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
2
3
4
5
6
<div class='post-header-line-1'>
<span class='hit-counter'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><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='&quot;http://demo.bloggerwidgets.cz.cc/counter.php?page=&quot; + data:post.id + &quot;&amp;digit=16&quot;' 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='&quot;http://demo.bloggerwidgets.cz.cc/counter2.php?page=&quot; + data:post.id + &quot;&amp;digit=16&quot;' style='padding-left:2px; vertical-align:middle'/></b:if>
</span>
<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.

Creditos Totais Ao blog : Best blgger Widgets

Postar um comentário