Also, I tried to create the banner while using a mobile with no success. I can’t get the link to my contribution page. On a desktop, it works like a dream.
You may want to suggest using a desktop computer on your website.
Cheers and thanks again for making this banner, @ndsmyter
Just to clarify the refresh rate: that depends on your browser. Your browser caches the image so it doesn’t have to refresh them as much (takes time and resources). If you want to see the last version, you could do a forced reload (Ctrl+Shift+R in most browsers). Or you could try an Incognito window, where your browser will not start with any cache. (so close and reopen incognito window if you want to clear cache for that session)
@ndsmyter thanks a lot! I am new here and was really searching for something like this, it works perfectly! I am not being able to change the size though. Also, I would like to change the colour!
Colors are based on their hex notation. You can use online tools to find your own favourite color. For example, you can use https://htmlcolorcodes.com/ to find the color you need, the result will be 6 characters after the “#” of the hex value (it’s case insensitive, so F is the same as f).
When you have your color, you can generate the code using my site (like you already have in your signature)
If you want to use the new color, you can then replace the new URL you just created, with the old URL. Generating new piece of code that would look like this for the red background color:
Something changed in the code of the Google Maps website I use to fetch the information. So I made some changes that should fix the problem. The resolution could take a couple of hours before being resolved because of caching. Hopefully you will soon see the correct numbers again.
Cleared my server cache, and I can already see your up to date signature here on Local Guides Connect. Could be it takes a little longer for you because of intermediate caches, but it should be available in a couple of hours.
Hello @ndsmyter this is a great post. I’ve always wanted this banner myself. It looks nice. Following your instructions now didn’t get me anywhere. Please help me!
I don’t really understand where my contributions page is on maps. Further explanations and indications please.
I am also talking about the signature banner on your profiles. I couldn’t get the code he talked about on the contribution page. Can you please help me locate it?
At the bottom of my page (https://ndsmyter.be/local-guides-banner/ ) you can find some keys you can use, and an explanation of what they should do. So in your case you want to change the background, so that means you want to add the “bg” to the URL.
In the generated piece of code you will find the URL “https://ndsmyter.be/local-guides-banner/image.php?id=” where is replaced by your user reference on Google Maps. You want to add “bg” behind it and use an ampersand as separator. So that would be “https://ndsmyter.be/local-guides-banner/image.php?id=&bg=” . Now you need to find the right background color; that should be in hex code. You can use a tool like https://www.rapidtables.com/web/color/html-color-codes.html to generate a 6 character code representing a color. For example plain blue would be “0000FF” ; so you then change the “” with “0000FF” or “0000ff” (case doesn’t matter) and the correct color should be visible.
If you use the plain blue, you would probably also want to change the foreground color to white or something lighter. The foreground color is the color of the text.
Hope this helps
PS: On my site it was also explained how you could find the Contributions page