Adding a Local Guides Banner to your Local Guides Connect signature

Hi @ndsmyter

As more and more local guides started using your banner I think the following two minor improvements would be amazing.

Customized background color and size via url parameters set in our signatures.

Maybe like this:

ndsmyter.be/local-guides-banner/image.php?id=116647701492246965139&bc=FFFFFF&tc=000000&s=2

where

bc= is BackGround color

tc= id TextColor

s= is Size selection.

Cheers

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

Morten

@MortenCopenhagen ,

I’ve finally found some time to update the banner: https://www.patreon.com/posts/36728490

1 Like

That is completely amazing. I asked, and you delivered 4 hours later!

Incredible.

I will give it a try very soon.

Thanks

Morten

New banner?

Forgot to hit save in my first attempt.

My forecast would be that others might need some help to get this set up.

Happy to see it is working (smaller and greener)

Cheers

@MortenCopenhagen

Looks smaller and greener to me :slightly_smiling_face:

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)

1 Like

@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!

1 Like

Hey @patra_aparajita ,

Welcome !

All information to change the size and color can be found in this post: https://www.patreon.com/posts/updated-website-36728490 or at the bottom of this link: https://ndsmyter.be/local-guides-banner/ .

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)

For you this would generate:

Generated using https://ndsmyter.be/local-guides-banner/

In that piece of code, you find the URL "https://ndsmyter.be/local-guides-banner/image.php?id=116434713467528077085" (bold). This is your own banner image, that will be generated for you. If you open that link in a new browser, you can see a preview of the banner. You can add the color or any of the other options using a “&” at the end of the URL. To add a bright red background (hex color = FF0000): https://ndsmyter.be/local-guides-banner/image.php?id=116434713467528077085&bg=FF0000 .

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:

Generated using https://ndsmyter.be/local-guides-banner/

I hope that makes things more clearer ?

1 Like

@ndsmyter Yes, it was helpful, thank you again!

Hi @ndsmyter

Only the points and photo views are being updated. I know it is probably not your fault, but maybe you have an idea of how to fix it.

Cheers

Morten

Hello @MortenCopenhagen ,

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.

1 Like

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.

Thanks a million.

It’s already looking good, @ndsmyter

All the best

Morten

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. :blush:

Thanks

Hello @MortenCopenhagen I can’t get my contribution page on mobile as well. Does it work better on the laptop or desktop?

@SholaIB

I’m not sure I understand what your problem is. Please start a new thread if it is not related to the Local Guides signature banner made by Snyter.

Thanks

Morten

@MortenCopenhagen

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?

Thanks

Thanks, @SholaIB

Now I understand. Your profile is here:

https://www.google.com/maps/contrib/103017316860501391926

The easies way to find it is to right click the link View Google Maps profile on your profile page here on Connect. And the copy the url/link.

I hope this helps.

Morten

2 Likes

Hey @MortenCopenhagen

It works like magic!!! Thank you.

Next issue, trying to change the colour of the banner. I prefer blue really. Thanks

1 Like

Hey @SholaIB ,

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 :slightly_smiling_face:

PS: On my site it was also explained how you could find the Contributions page :slightly_smiling_face:

1 Like