Iniciar uma conversa

Como alocar um contador em meu site?

1 - Contador básico

Abaixo você irá encontrar vários exemplos de contadores que você pode utilizar.

Antes de começar, existem duas coisas a fazer:

a. Você precisa adicionar o código

http://contador.uni5.net/contador.cgi


à sua página. Por exemplo:

<img src="http://contador.uni5.net/contador.cgi?ft=1|df=dominio">


Isso adicionará um contador básico ao seu site. Lembre de trocar dominio pelo seu verdadeiro dominio.

b. Escolha o seu modelo de contador mais apropriado, conforme os exemplos abaixo.

2 - Cor e espessura da borda do contador

A borda padrão do contador tem uma cor azulada. Se você usar o comando

http://contador.uni5.net/contador.cgi

seu contador exibirá uma borda padrão, assim:

Esta linha de comando sozinha pode não funcionar com todos os browsers. Você deve usar mais dois parâmetros para que seu contador apareça e faça a contagem das visitas corretamente. Você deve usar ft=um número para estabelecer a espessura da borda do contador e df=data_file, para gravar o número de visitas em um arquivo.

Se você não usar o parâmetro df=data_file, o contador será randômico, ou seja, a cada reload do browser irá sortear um número qualquer.

3. Outros exemplos de borda

<img src=“http://contador.uni5.net/contador.cgi?ft=0”>

seu contador aparecerá sem borda:

Sem a opção df=data_file serão exibidos quaisquer números sorteados.

A borda do contador só será exibida a partir do parâmetro ft=1.

<img src=“http://contador.uni5.net/contador.cgi?ft=6”>

seu contador aparecerá com uma borda de espessura de 6 pontos:

Sem a opção df=data_file serão exibidos números sorteados.

4. Mudando a cor da borda <img src=“http://contador.uni5.net/contador.cgi?frgb=ffd700&df=username”>

O comando frgb altera a cor da borda. Observe que a cor foi estabelecida por um número string hex. Depois da string colocamos o sinal & ou | para adicionar mais parâmetros ao contador. Não use o sinal # entre os parâmetros. 

Você pode usar também a escala RGB para especificar uma cor:

<img src=“http://contador.uni5.net/contador.cgi?frgb=255;215;0&df=username”>

Ou você pode usar ainda o nome da cor:

<img src=“http://contador.uni5.net/contador.cgi?frgb=gold|df=username”>

5. Exibindo a vírgula entre os números

<img src=“http://contador.uni5.net/contador.cgi?ft=0|df=username|comma=T”>

Como o programa foi desenvolvido nos EUA, o número é separado por vírgulas, e não por pontos. Não existe parâmetro para exibir o número com pontos separando-os.

6. Rotação <img src=“http://contador.uni5.net/contador.cgi?ft=0|rotate=Y|df=username”>

<img src=“http://contador.uni5.net/contador.cgi?ft=0°rees=180|df=username”>

<img src=“http://contador.uni5.net/contador.cgi?ft=0°rees=90|df=username”>

O primeiro contador está rotacionado 270 graus para a direita, o segundo contador está de cabeça para baixo, e o terceiro está rotacionado 270 graus para a esquerda. Não é possível especificar um ângulo com este parâmetro.

7. Estilos de Dígitos

<img src=“http://contador.uni5.net/contador.cgi?dd=A|df=username”>

<img src=“http://contador.uni5.net/contador.cgi?dd=B|df=username”>

<img src=“http://contador.uni5.net/contador.cgi?dd=B|frgb=69;139;116&df=username”>

<img src=“http://contador.uni5.net/contador.cgi?dd=C|df=username”>

<img src=“http://contador.uni5.net/contador.cgi?dd=D|ft=3|df=username”>

<img src=“http://contador.uni5.net/contador.cgi?ft=2&frgb=000000&dd=E|df=username”>

Estes são os estilos de contadores disponíveis.

8. Alterando outras cores do contador

Mudando o número do contador de verde para vermelho:

<img src=“http://contador.uni5.net/contador.cgi?df=username|srgb=00ff00|prgb=ff0000”>

9. Invertendo as cores do contador

<img src=“http://contador.uni5.net/contador.cgi?negate=T&dd=A|df=username”>

Observe que a cor dos dígitos e o fundo foram invertidos, porém a borda permaneceu a mesma.

10. Transparência

Uma cor específica pode ser deixada transparente. O programa não leva em consideração se o GIF é transparente ou não, você terá que especificar qual cor deseja tornar transparente. No exemplo abaixo, nós passamos a cor branca do contador de estilo E para transparente. Colocamos o parâmetro para que o contador ficasse sem frame (ft=0) , para que ficasse completamente “integrado “à página:

<img src=“http://contador.uni5.net/contador.cgi?dd=E|ft=0|tr=T|trgb=ffffff”>

Você pode usar o sistema RGB para especificar a cor:

<img src=“http://contador.uni5.net/contador.cgi?dd=E|ft=0|tr=T|trgb=255;255;255”>

No exemplo abaixo, passamos a cor preta de fundo do contador de estilo A para transparente:

<img src=“http://contador.uni5.net/contador.cgi?dd=A|tr=T|trgb=000000&df=username”>

Agora passamos a cor verde do dígito de estilo A para transparente:

<img src=“http://contador.uni5.net/contador.cgi?dd=A|tr=T|trgb=00ff00&df=username”>

11. Escondendo o contador

Você pode manter seu contador oculto. Basta usar o parâmetro sh=0. A visita será contada e implementada no arquivo, porém, o contador não será exibido.

<img src=“http://contador.uni5.net/contador.cgi?sh=0|df=username”>

12. Monitor de hits do contador

Você pode monitorar os hits de uma outra página especificando o arquivo de dados e usando a chave incr=F

<img src=“http://contador.uni5.net/contador.cgi?incr=F|df=page1.dat”>
<img src=“http://contador.uni5.net/contador.cgi?incr=F|df=page2.dat”>
<img src=“http://contador.uni5.net/contador.cgi?incr=F|df=page3.dat”>

13. Número de dígitos

Você pode determinar quantos dígitos deseja que seu contador mostre. No exemplo abaixo, o contador tem 5 dígitos.

<img src=“http://contador.uni5.net/contador.cgi?md=5|df=username”>

Se você usar o parâmetro para pad=0, apenas os dígitos já existentes, ou seja, o valor atual do contador será exibido.

<img src=“http://contador.uni5.net/contador.cgi?pad=0|df=username”>

14. Contador como relógio

Exibindo a hora em formato de 12 horas:

<img src=“http://contador.uni5.net/contador.cgi?display=clock”>

15. Exibindo a hora em formato de 24 horas:

<img src=“http://contador.uni5.net/contador.cgi?display=clock|tformat=24”>

Para acertar o horário do contador usa-se:

<img src=“http://contador.uni5.net/contador.cgi?display=clock|timezone=GMT+0300”>
<img src=“http://contador.uni5.net/contador.cgi?display=clock|timezone=GMT+0230”>

Onde o sinal de -/+ e o valor colocado depois do GMT equivale à diferença de fuso horário entre o local onde os servidores da LucaNet estão localizados (Brasil) e o local onde você está.

16. Exibindo a data:

<img src=“http://contador.uni5.net/contador.cgi?display=date”>

Escolher arquivos ou arraste e solte arquivos
Esse artigo foi útil?
Sim
Não
  1. Flávio Zarur Lucarelli

  2. Publicado
  3. Atualizado

Comentários