URL Guide

If you have a hitcounter on your site and don't want to make an account, you can still alter the way it looks after the fact! This guide will help you understand how to edit the URL for your hit counter to make it look how you want.

1. Embedding a counter

A counter is just an image. Drop it anywhere you can put an <img> tag - a website, forum signature, SpaceHey page, etc.

<a href="https://hc.softwaremongers.com"><img src="https://hc.softwaremongers.com/u/softwaremongers/guide.gif" alt="hits"></a>

Every time the image loads it counts as one hit and the number ticks up. The .gif extension is optional; https://hc.softwaremongers.com/u/softwaremongers/guide renders the same image.

2. Anatomy of the URL

A counter's address looks like this:

https://hc.softwaremongers.com/u/<username>/<slug>

<username> is your account name and <slug> is the short name you gave the counter. Add .gif to the end if you like, it's totally optional.

3. Restyle it from the URL

Append a query string to change how your counter looks! The saved counter remains unchanged, so the same counter can appear differently in different places.

Parameter	What it does
`?style=`	Render with a different look. The value is a style-id, see the list below. Example: `?style=neon`.
`?accent=`	Recolor the counter. 6-digit or 3-digit hexcode color. (`#f60`), with or without the `#`. Example: `?accent=ff6600`, `?accent=f60` or `?accent=%23ff6600`.
`?color=`	Same as `?accent=`, use whichever you find easier to remember.
`?label=`	Replace the label text, for this embed only (the saved counter keeps its own). Example: `?label=Visitors`. Leave it off to keep the saved label; use `?show_label=0` to hide it entirely.
`?show_label=`	Set to `0` or `false` to hide the text label and show just the number. Anything else shows it.
`?static=`	Set to `1` to force a single still frame of an animated style. handy for a faster-loading, motion-free badge. Example: `?static=1`.
`?offset=`	Add to the displayed number (a whole number, positive or negative). Handy for seeding a starting figure. Examples: `?offset=1000`, `?offset=-50`.

Combine them

You can use as many parameters at once as you like. Here's the pattern:

Start with your counter URL.
Add ? to begin the options.
Write each option as key=value.
Separate multiple options with &.

https://hc.softwaremongers.com/u/softwaremongers/guide.gif?style=flames&accent=ff3300&show_label=0

So that's: the counter URL, then ?, then style=flames, then &, then accent=ff3300, then &, then show_label=0. You can add as many as you need in the same way.

4. Style id list

Use any of these ids with ?style=.

Show all styles (9)

Retro LCD?style=retro

Pixel?style=arcade

Terminal?style=terminal

Digital LED?style=digital

Neon?style=neon

Flames?style=flames

Web 1.0?style=web1

3D Swag?style=3dswag

Cursed?style=cursed

5. Examples 4 u

Swap in your own username and slug, then paste into your page.

A neon counter in hot pink:

https://hc.softwaremongers.com/u/softwaremongers/guide.gif?style=neon&accent=ff00ff

Relabeled, with the number seeded at 5,000:

https://hc.softwaremongers.com/u/softwaremongers/guide.gif?label=Downloads&offset=5000

A still (non-animated) flames badge with no label:

https://hc.softwaremongers.com/u/softwaremongers/guide.gif?style=flames&static=1&show_label=0

A typo won't break anything. An unrecognized value is simply ignored, and the counter falls back to its default look.