How to change the style of an existing visitor counter
If you already use a visitor counter from Besucherzaehler.gratis, you do not have to create a new counter just to change its design.
In most cases, you only have to change the STYLE value in your existing counter code.
The important rule is simple: keep your own counter ID unchanged, and only replace the style number.
That way, your existing counter value continues to be used, but the counter image gets a different look.
Where do you find the available counter styles?
Open the Counter EXTRA page.
You will see many small counter designs. Pick one that you would like to use.
Now move the mouse pointer directly over that counter design and leave it there for a short moment.
Do not click the image; just hover over it.
A small tooltip should appear next to the mouse pointer.
It may say, for example, Counter Style 313.
The number at the end is the style number.
In this example, the style number is 313.
Once you know the style number you want to use, replace the STYLE value in both places where it appears in your existing counter code: once in the image URL and once in the JavaScript counter URL.
Counter Style 313 -> STYLE=313
Counter Style 0 -> STYLE=0
Counter Style 108 -> STYLE=108The normal visitor counter code
A normal visitor counter code may look like this. In this example, the counter ID is example.com and the selected style is STYLE=0.
Change the STYLE value
To change the design, replace the old style number with the new one.
For example, if you want to use Counter Style 313, change STYLE=0 to STYLE=313.
STYLE=0
becomes:
STYLE=313
The modified counter code then looks like this:
Keep your own counter ID
Do not replace your own counter ID with the example ID shown on this page.
If your current counter uses ID=my-website.com, keep exactly that ID.
ID=example.com
is only an example.
Your own ID might be:
ID=my-website.com
If you change the ID, you may start a different counter or create a separate counter value.
If you only want a new design, change only the STYLE value.
Change the first image URL as well
The counter code usually contains the counter URL twice: once in the visible image tag and once in the JavaScript part.
For a clean result, use the new style in both places.
<img src='https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313' ...>
var counter='https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313';
This is especially useful if the browser displays the image before JavaScript changes it, or if JavaScript is disabled.
The STYLE parameter uses normal numbers
For the normal visitor counter, the STYLE parameter is a number.
For example:
STYLE=0
STYLE=108
STYLE=313
STYLE=598
Choose the number from the Counter EXTRA page and use it in your own counter code.
What does not change?
Changing the style only changes the visible design of the counter image.
The counter value, reload protection and statistics continue to work as before.
Same ID -> same counter value
New STYLE -> new visual designShort version
To change the style of an existing visitor counter, keep your ID and replace only the STYLE number in both places where it appears in your existing counter code.
Old style:
STYLE=0
New style:
STYLE=313
You can find the available style numbers on the Counter EXTRA page.
Look at the title of the counter images and copy the number into your own counter code.
