Alterar o estilo do contador de visitas

Como alterar o estilo de um contador de visitas existente

Se você já usa um contador da Counter.gratis, não precisa criar outro apenas para mudar o design. Normalmente basta alterar o valor STYLE no código existente.

A regra principal é simples: mantenha seu ID do contador e troque apenas o número do estilo. O valor e as estatísticas continuam associados ao mesmo contador.

Onde encontrar os estilos disponíveis?

Abra a página Contador EXTRA. Passe o mouse sobre um modelo e leia a dica, por exemplo Counter Style 313.

O número no final é o número do estilo. Neste exemplo, é 313.

Counter Style 313  ->  STYLE=313
Counter Style 0    ->  STYLE=0
Counter Style 108  ->  STYLE=108

O código compacto atual

Os exemplos abaixo usam o código de incorporação compacto atual. Ele evita uma primeira solicitação desnecessária e deve ser copiado como um bloco completo.

<!-- Contador de visitas https://counter.gratis BEGINN -->
<a href='https://counter.gratis/?language=pt&ID=example.com' target='_top'>
<img src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==' id='cg_example.com' alt='Free Counter' title='Counter Statistics'>
<noscript><img src='https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=0' alt='Free Counter' title='Counter Statistics'></noscript>
</a>
<script>(function(i,c){i.src=c
+'&LANG='+encodeURIComponent(navigator.language)
+'&RES='+screen.width+'x'+screen.height
+'&REF='+encodeURIComponent(document.referrer)
+'&LOC='+encodeURIComponent(location.href)
+'&NAVI='+encodeURIComponent(navigator.userAgent)
})(document.getElementById('cg_example.com'),'https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=0')</script>
<!-- Contador de visitas https://counter.gratis ENDE -->

Alterar o valor STYLE

Substitua o número antigo pelo novo. Por exemplo, altere STYLE=0 para STYLE=313.

STYLE=0
torna-se:STYLE=313

O código alterado fica assim:

<!-- Contador de visitas https://counter.gratis BEGINN -->
<a href='https://counter.gratis/?language=pt&ID=example.com' target='_top'>
<img src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==' id='cg_example.com' alt='Free Counter' title='Counter Statistics'>
<noscript><img src='https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313' alt='Free Counter' title='Counter Statistics'></noscript>
</a>
<script>(function(i,c){i.src=c
+'&LANG='+encodeURIComponent(navigator.language)
+'&RES='+screen.width+'x'+screen.height
+'&REF='+encodeURIComponent(document.referrer)
+'&LOC='+encodeURIComponent(location.href)
+'&NAVI='+encodeURIComponent(navigator.userAgent)
})(document.getElementById('cg_example.com'),'https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313')</script>
<!-- Contador de visitas https://counter.gratis ENDE -->

Mantenha seu próprio ID

Não substitua seu ID pelo ID de exemplo. Se o contador usa ID=meu-site.com, mantenha exatamente esse ID.

ID=example.com é apenas um exemplo.
Seu ID poderia ser: ID=meu-site.com

Alterar o ID pode apontar para outro contador. Para mudar apenas o design, altere somente STYLE.

Por que STYLE aparece duas vezes?

No código atual, STYLE aparece duas vezes: no fallback <noscript> e na URL JavaScript do contador. Use o mesmo número nos dois pontos.

<noscript> ... STYLE=313 ... </noscript>
...
'https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313'

Não substitua o placeholder transparente data:image/gif... por uma URL do contador. Ele evita intencionalmente uma solicitação adicional antes da chamada JavaScript completa.

STYLE usa números normais

No contador normal, STYLE é um número, por exemplo:

STYLE=0
STYLE=108
STYLE=313
STYLE=598

Escolha o número na página Contador EXTRA e use-o nos dois valores STYLE.

O que não muda?

Alterar o estilo modifica apenas a aparência visível. O valor, a proteção contra recargas e as estatísticas continuam funcionando como antes.

Mesmo ID         -> mesmo valor do contador
Novo STYLE       -> novo design

Resumo

Mantenha seu ID. Substitua apenas o número STYLE nas duas posições STYLE do código atual e deixe o restante do bloco inalterado.

Estilo antigo:STYLE=0

Novo estilo:STYLE=313

Counter.gratis

Contador de visitas grátis para seu site - 100% grátis