Cambiar el estilo del contador de visitas

Cómo cambiar el estilo de un contador de visitas existente

Si ya usas un contador de visitas de Counter.gratis, no necesitas crear uno nuevo solo para cambiar el diseño. En la mayoría de los casos basta con cambiar el valor STYLE en el código existente.

La regla más importante es sencilla: conserva sin cambios tu ID del contador y sustituye únicamente el número del estilo. El valor y las estadísticas seguirán perteneciendo al mismo contador.

¿Dónde se encuentran los diseños disponibles?

Abre la página Contador EXTRA. Verás muchos diseños. Coloca el puntero sobre un modelo y lee la etiqueta, por ejemplo Counter Style 313.

El número al final es el número del estilo. En este ejemplo es 313.

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

El código compacto actual del contador

Los ejemplos siguientes usan el código de integración compacto actual. Evita una primera solicitud innecesaria al contador y conviene copiarlo como un bloque completo.

<!-- Contador de visitas https://counter.gratis BEGINN -->
<a href='https://counter.gratis/?language=es&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 -->

Cambiar el valor STYLE

Para cambiar el diseño, sustituye el número antiguo por el nuevo. Por ejemplo, cambia STYLE=0 por STYLE=313.

STYLE=0
se convierte en:STYLE=313

El código modificado queda así:

<!-- Contador de visitas https://counter.gratis BEGINN -->
<a href='https://counter.gratis/?language=es&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 -->

Conservar la propia ID del contador

No sustituyas tu propia ID por la ID de ejemplo de esta página. Si tu contador usa ID=mi-sitio-web.com, conserva exactamente esa ID.

ID=example.com es solo un ejemplo.
Tu propia ID podría ser: ID=mi-sitio-web.com

Si cambias la ID, podrías utilizar otro contador. Si solo quieres cambiar el diseño, modifica únicamente STYLE.

¿Por qué STYLE aparece dos veces?

En el código actual, STYLE aparece dos veces: una en el fallback <noscript> y otra en la URL del contador dentro de JavaScript. Usa el mismo número en ambos lugares.

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

No sustituyas el marcador transparente data:image/gif... por una URL del contador. Es intencionado y evita que el navegador envíe una solicitud adicional antes de que JavaScript complete la solicitud.

El parámetro STYLE utiliza números normales

En el contador normal, STYLE es un número, por ejemplo:

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

Elige el número en la página Contador EXTRA y úsalo en los dos valores STYLE de tu código.

¿Qué no cambia?

Cambiar el estilo solo modifica el diseño visible. El valor del contador, la protección contra recargas y las estadísticas siguen funcionando como antes.

Misma ID        -> mismo valor del contador
Nuevo STYLE     -> nuevo diseño visible

Resumen breve

Conserva tu ID. Sustituye solo el número de STYLE en las dos posiciones STYLE del código actual y deja intacto el resto del bloque.

Estilo anterior:STYLE=0

Nuevo estilo:STYLE=313

Counter.gratis

Contador de visitas gratis para tu página web - 100% gratis