+StickBouncer Posted October 25, 2013 Share Posted October 25, 2013 Hi, I Have a series of multis set around the lost medieval Churches of Norwich UK. They are Losing My Religion First Verse Losing My Religion Second Verse Losing My Religion Yiddish remix Losing My Religion Cover Version Losing My Religion Digital Remaster They are all slightly different and the last one is a 5/5 T/D What I would like to do is give anyone who finds all of them and in doing so visits the sites of all the lost Churches within the city walls a badge that they can paste on their profile. I have seen it done before and indeed have one "Going for Gold" on my profile but not being either an artist nor computer whiz I have no idea how to go about it. Please help and if anyone could produce one for me that would be amazing. I think it has to be done so that it can be cut and pasted using HTML codes but Honestly I have no idea. Thanks Quote Link to comment
+niraD Posted October 25, 2013 Share Posted October 25, 2013 There are three parts to this: (1) create the badge image (2) upload the image file to a server (3) create the HTML for others to use to display the image on their profiles Are you looking for help for any specific steps? Are you looking for help understanding how to do any specific steps yourself? Quote Link to comment
+StickBouncer Posted October 26, 2013 Author Share Posted October 26, 2013 There are three parts to this: (1) create the badge image (2) upload the image file to a server (3) create the HTML for others to use to display the image on their profiles Are you looking for help for any specific steps? Are you looking for help understanding how to do any specific steps yourself? I need help either creating the badge image or understanding how to create a badge myself and I need help create the HTML for others to use to display the image on their profiles or understanding how to do this. Quote Link to comment
+ipodguy Posted October 26, 2013 Share Posted October 26, 2013 There are three parts to this: (1) create the badge image (2) upload the image file to a server (3) create the HTML for others to use to display the image on their profiles Are you looking for help for any specific steps? Are you looking for help understanding how to do any specific steps yourself? I need help either creating the badge image or understanding how to create a badge myself and I need help create the HTML for others to use to display the image on their profiles or understanding how to do this. I can help you with this. You need to create some kind of image on your computer using some sort of photo editing software such as Paint or Photoshop. Once you have created an image you are happy with, you need to save it somewhere on an internet server. You can use personal webspace, flickr, shutterfly, or even upload it as an image to one of your caches (like the final) - lots of options there. Once it's stored somewhere on the internet, it will have its own web address. Save that web address somewhere. You can invite people to display the badge you created on their profile by offering them some html to insert into their profiles (or wherever they want to share their achievement). Use this code, but replace the web address in it with the correct address for your badge: <img src=http://thewebaddressofthepicgoeshere> There are a couple other things you can do also. If you want the badge centered, you can do this: <center><img src=http://thewebaddressofthepicgoeshere></center> Or if you want the image to also be a link (like to the geocache page) you can do this: <a href=http://theaddressofthegeocachepage><img src=http://thewebaddressofthepicgoeshere border=0></a> Good luck! Quote Link to comment
+kunarion Posted October 26, 2013 Share Posted October 26, 2013 Here's a little souvenir I made just now. It's got a stylized version of an angel like the one from the REM tune, and 5 stars for the 5 multis. It's just an idea. Once you settle on a design, it's simple to include a little HTML in a profile, as mentioned. Quote Link to comment
+StickBouncer Posted October 26, 2013 Author Share Posted October 26, 2013 Here's a little souvenir I made just now. It's got a stylized version of an angel like the one from the REM tune, and 5 stars for the 5 multis. It's just an idea. Once you settle on a design, it's simple to include a little HTML in a profile, as mentioned. That is fantastic. Love it!! I was just struggling on Paint trying to think ideas and flipped back to forum to find just what I was looking for. Many thanks. Can you help me with next bit. As I understand it I need to upload this to either flicker or my web site then I can copy the location is that the next step? Quote Link to comment
+Bear and Ragged Posted October 26, 2013 Share Posted October 26, 2013 Load it to the cache page. Add a Note and use Add Image option. You can either date the note to before publication, or delete it. The photo will show in the cache page gallery. Quote Link to comment
+u1bd2005 Posted October 26, 2013 Share Posted October 26, 2013 When you upload it to an image hosting site you will want to look for the direct link to the image, eg. http://www.website.com/image.png Then it's really easy to make the basic html code for it, it will just be. <img src="http://www.website.com/image.png"> Quote Link to comment
+StickBouncer Posted October 26, 2013 Author Share Posted October 26, 2013 Thank you so much everyone for all your help. Quote Link to comment
+Wild-Skye Posted May 29, 2014 Share Posted May 29, 2014 (edited) I am trying to follow the instructions to create a souvenir badge for a series of caches 1) have created image 2) have saved it to a place where I know/can copy the url (actually saved it in 2 places one on geocache page as image and one on flickr - but neither link seems to work) but keep trying it out on my own profile and it is not working - I just get a tiny square with a cross in it. what am I doing wrong. I am a newbie to geocaching and an old fogie so far as IT is concerened so if anyone can give step by step instructions for ageing dummies I would be most grateful. I don't have any fancy software on my pc so can only use basic stuff Edited May 29, 2014 by Wild-Skye Quote Link to comment
+niraD Posted May 30, 2014 Share Posted May 30, 2014 I am trying to follow the instructions to create a souvenir badge for a series of caches1) have created image 2) have saved it to a place where I know/can copy the url (actually saved it in 2 places one on geocache page as image and one on flickr - but neither link seems to work) but keep trying it out on my own profile and it is not working - I just get a tiny square with a cross in it. what am I doing wrong. I am a newbie to geocaching and an old fogie so far as IT is concerened so if anyone can give step by step instructions for ageing dummies I would be most grateful. I don't have any fancy software on my pc so can only use basic stuff What is the URL (address) of the image you're trying to use? One common mistake is to use the URL of an HTML page that displays the image, rather than the URL of the image itself. Quote Link to comment
+The Blorenges Posted May 30, 2014 Share Posted May 30, 2014 I did one for an event we ran at a place called Foxhunter on the Blorenge mountain. It's on our profile page here. Also there you'll find a link to a text file which explains all the URL's etc to either have the large image or thumbnail. I uploaded the image to an archived cache I own - just somewhere to store it. Chris Quote Link to comment
+Wild-Skye Posted May 31, 2014 Share Posted May 31, 2014 I am trying to follow the instructions to create a souvenir badge for a series of caches1) have created image 2) have saved it to a place where I know/can copy the url (actually saved it in 2 places one on geocache page as image and one on flickr - but neither link seems to work) but keep trying it out on my own profile and it is not working - I just get a tiny square with a cross in it. what am I doing wrong. I am a newbie to geocaching and an old fogie so far as IT is concerened so if anyone can give step by step instructions for ageing dummies I would be most grateful. I don't have any fancy software on my pc so can only use basic stuff What is the URL (address) of the image you're trying to use? One common mistake is to use the URL of an HTML page that displays the image, rather than the URL of the image itself. Quote Link to comment
+Wild-Skye Posted May 31, 2014 Share Posted May 31, 2014 (edited) Suspect you are right but struggling to work out what the url of image is. This is what I was putting in <a href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC42X8GA"><img src="< img src=https://www.flickr.com/photos/124531174@N02/14007185029/"></a> Edited May 31, 2014 by Wild-Skye Quote Link to comment
+Wild-Skye Posted May 31, 2014 Share Posted May 31, 2014 I did one for an event we ran at a place called Foxhunter on the Blorenge mountain. It's on our profile page here. Also there you'll find a link to a text file which explains all the URL's etc to either have the large image or thumbnail. I uploaded the image to an archived cache I own - just somewhere to store it. Chris Noswaith dda , Diolch yn fawr but not dummy enough for me. Can't work out which bits I should change for my image. Sorry I did say I was a dummy!! Quote Link to comment
+Wild-Skye Posted May 31, 2014 Share Posted May 31, 2014 If it helps anyone to help me - have uploaded the pic to images on one of the cache pages http://www.geocaching.com/seek/gallery.aspx?guid=cc006dd3-db03-4349-b245-13e4d524fc82 Quote Link to comment
+kunarion Posted May 31, 2014 Share Posted May 31, 2014 Suspect you are right but struggling to work out what the url of image is. This is what I was putting in <a href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC42X8GA"><img src="< img src=https://www.flickr.com/photos/124531174@N02/14007185029/"></a> Upload the image to Geocaching.com. You could upload it to a cache page (any page, even an archived page), or to your Profile (Upload it as an "avatar", but you don't need to use that as your avatar). Once it's somewhere on the site, it will have an address something like this: http://img.geocaching.com/user/0f2aa699-fac3-4f51-a557-77de54ef62df.jpg Be sure you're using a URL that starts with "http" (not "https") and ends with "jpg" (or GIF or PNG, a browser-friendly image extension). Then it will work fine. Quote Link to comment
+kunarion Posted May 31, 2014 Share Posted May 31, 2014 (edited) If it helps anyone to help me - have uploaded the pic to images on one of the cache pages http://www.geocaching.com/seek/gallery.aspx?guid=cc006dd3-db03-4349-b245-13e4d524fc82 Yes! You did it! Click the thumbnail, and the image pops up in a window. Right-click that full-sized image, click "properties", and that's the URL you needed: http://imgcdn.geocaching.com/cache/large/cd6057c4-7815-453d-84d3-0b02bde0460a.jpg Put that in the HTML on your page, and it should work! This is the web address of your souvenir image: http://imgcdn.geocaching.com/cache/large/cd6057c4-7815-453d-84d3-0b02bde0460a.jpg Edited May 31, 2014 by kunarion Quote Link to comment
+Bear and Ragged Posted May 31, 2014 Share Posted May 31, 2014 (edited) Suspect you are right but struggling to work out what the url of image is. This is what I was putting in <a href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC42X8GA"><img src="< img src=https://www.flickr.com/photos/124531174@N02/14007185029/"></a> The flikr photo URL should look like: <img src="https://farm8.staticflickr.com/7364/14007185029_f08a295b10_b.jpg" /> However... You may have the flikr settings wrong, as there is an "S" in the http part, which stops people copying the photo. Edited May 31, 2014 by Bear and Ragged Quote Link to comment
+kunarion Posted May 31, 2014 Share Posted May 31, 2014 (edited) If it helps anyone to help me - have uploaded the pic to images on one of the cache pages http://www.geocaching.com/seek/gallery.aspx?guid=cc006dd3-db03-4349-b245-13e4d524fc82 I tried your HTML on my cache page to test it, and it's working. Your link will be something like this: <A href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC42X8GA"><IMG src="http://imgcdn.geocaching.com/cache/large/cd6057c4-7815-453d-84d3-0b02bde0460a.jpg"> Edited May 31, 2014 by kunarion Quote Link to comment
+kunarion Posted May 31, 2014 Share Posted May 31, 2014 <img src="https://farm8.staticflickr.com/7364/14007185029_f08a295b10_b.jpg" /> How did you get the URL of the image itself? I always get roadblocks from Flickr, so I don't use it for anything except to post the handful of pictures allowed. Is Flickr a suitable storage place for souvenir images such as in this thread? If so, how do I get my Flickr settings un-wrong? I'd keep the info handy for the next time this comes up. Quote Link to comment
+Bear and Ragged Posted May 31, 2014 Share Posted May 31, 2014 <img src="https://farm8.staticflickr.com/7364/14007185029_f08a295b10_b.jpg" /> How did you get the URL of the image itself? I always get roadblocks from Flickr, so I don't use it for anything except to post the handful of pictures allowed. Is Flickr a suitable storage place for souvenir images such as in this thread? If so, how do I get my Flickr settings un-wrong? I'd keep the info handy for the next time this comes up. Have a couple of EXIF viewers. (Never know when they will "come in handy" ) As for flikr settings, despite having/had 2 accounts, I'm not too certain. But do know there is a Public and a Private setting for photos. Used to use the site to post photos for a blog, and used Public to link them to show on the blog. (It's the fact the link has HTTPS, rather than HTTP, at the start of the URL that it is not showing as an image link...) Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 Well, thanks for all your replies - I am still playing with this foreign language HTML- badge is still not appearing on my profile not on profile of my grandson (he hasn't done the caches - I was just experimenting to see if it would work on someone else page. Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 If it helps anyone to help me - have uploaded the pic to images on one of the cache pages http://www.geocaching.com/seek/gallery.aspx?guid=cc006dd3-db03-4349-b245-13e4d524fc82 I tried your HTML on my cache page to test it, and it's working. Your link will be something like this: <A href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC42X8GA"><IMG src="http://imgcdn.geocaching.com/cache/large/cd6057c4-7815-453d-84d3-0b02bde0460a.jpg"> THANK YOU - FINALLY I HAVE GOT IT TO WORK - COPYING AND PASTING YOUR LINK. Still don't understand what most of the code means - but hey - it works. thank you to all who answered Quote Link to comment
+Bear and Ragged Posted June 2, 2014 Share Posted June 2, 2014 (edited) Well, thanks for all your replies - I am still playing with this foreign language HTML- badge is still not appearing on my profile not on profile of my grandson (he hasn't done the caches - I was just experimenting to see if it would work on someone else page. You've got the Earthcache badge, so it can be done! <td align='center'><a href='http://www.earthcache.org'><img src='http://img.geocaching.com/user/1847de56-1d37-4def-b22b-97b71bd2f1fd.jpg' border='0' /></a></td> <br> <IMG src="http://imgcdn.geocaching.com/cache/large/cd6057c4-7815-453d-84d3-0b02bde0460a.jpg"></a></td> Copy and paste into the Profile, remember to SAVE! Will give you the new badge over the Earthcache badge. Edit... You posted as I was working on it. You have a link to an unpublished? cache in the first set of HTML... My code omits the link to the cache. Edited June 2, 2014 by Bear and Ragged Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 OOPS - still have a problem - how do I post the code on the cache page so that peoploe can copy it rather than it linking to the picture????? Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 Well, thanks for all your replies - I am still playing with this foreign language HTML- badge is still not appearing on my profile not on profile of my grandson (he hasn't done the caches - I was just experimenting to see if it would work on someone else page. You've got the Earthcache badge, so it can be done! <td align='center'><a href='http://www.earthcache.org'><img src='http://img.geocaching.com/user/1847de56-1d37-4def-b22b-97b71bd2f1fd.jpg' border='0' /></a></td> <br> <IMG src="http://imgcdn.geocaching.com/cache/large/cd6057c4-7815-453d-84d3-0b02bde0460a.jpg"></a></td> Copy and paste into the Profile, remember to SAVE! Will give you the new badge over the Earthcache badge. Edit... You posted as I was working on it. You have a link to an unpublished? cache in the first set of HTML... My code omits the link to the cache. Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 I posted the image onto the gallery of one of the caches in the series (wasn't quite so happy about flikr as I have never used it for anything else). So this is a published cache Quote Link to comment
+Bear and Ragged Posted June 2, 2014 Share Posted June 2, 2014 (edited) I posted the image onto the gallery of one of the caches in the series (wasn't quite so happy about flikr as I have never used it for anything else). So this is a published cache Premium Member cache? I get an error page. Adding to cache page [**]add link HTML in here[/**] Replace ** with the word code Gets difficult, as the site hides -uses!- the brackets bit if you try to show it when you explain how to use it! Edited June 2, 2014 by Bear and Ragged Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 Yes one of the caches is premium only so I'm afraid that does limit the people who can get the badge to premium members. Do you think that is a problem? Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 I posted the image onto the gallery of one of the caches in the series (wasn't quite so happy about flikr as I have never used it for anything else). So this is a published cache Premium Member cache? I get an error page. Adding to cache page [**]add link HTML in here[/**] Replace ** with the word code Gets difficult, as the site hides -uses!- the brackets bit if you try to show it when you explain how to use it! Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 mm tried this with and without the square brakets around the word code - am still getting the badge picture. Quote Link to comment
+Bear and Ragged Posted June 2, 2014 Share Posted June 2, 2014 (edited) Yes one of the caches is premium only so I'm afraid that does limit the people who can get the badge to premium members. Do you think that is a problem? No. If they cache with someone that is premium they can still find it. There are ways to log it if you are not premium. Suggestion. Your photo is rather 'large' have you a smaller version? (The Earthcache badge is 300 pixels wide) If the photo shows in the cache description, I'm stumped! There IS a way to post HTML code in a way that it shows, but doesn't actually work... Edited June 2, 2014 by Bear and Ragged Quote Link to comment
+Wild-Skye Posted June 2, 2014 Share Posted June 2, 2014 <img src="https://farm8.staticflickr.com/7364/14007185029_f08a295b10_b.jpg" /> How did you get the URL of the image itself? I always get roadblocks from Flickr, so I don't use it for anything except to post the handful of pictures allowed. Is Flickr a suitable storage place for souvenir images such as in this thread? If so, how do I get my Flickr settings un-wrong? I'd keep the info handy for the next time this comes up. I right clicked on the photo and then clicked on properties - that gave me the URL (using ie - I think slightly different if you are using a different browser) Quote Link to comment
+Wild-Skye Posted June 3, 2014 Share Posted June 3, 2014 Yes one of the caches is premium only so I'm afraid that does limit the people who can get the badge to premium members. Do you think that is a problem? No. If they cache with someone that is premium they can still find it. There are ways to log it if you are not premium. Suggestion. Your photo is rather 'large' have you a smaller version? (The Earthcache badge is 300 pixels wide) If the photo shows in the cache description, I'm stumped! There IS a way to post HTML code in a way that it shows, but doesn't actually work... Quote Link to comment
+Wild-Skye Posted June 3, 2014 Share Posted June 3, 2014 re photo showing in cache description - I have decided (maybe not the best way but the only way my brain can get round it) I will type out the code, print it, scan it, save jpg somewhere and paste link to the jpg - that should show simply the code (cos it will think it is a picture) and not link to the picture. re size of picture - ideally it should be about 1/6 of the size it is - but am not sure how I can reduce it. Would the reduction be some more HTML? cos at the moment the picture is simply the size geocaching.com makes it. Really grateful for your help on this Quote Link to comment
+grimpil Posted March 26, 2018 Share Posted March 26, 2018 How do I add a badge to my profile? I attempted a cache series today & whilst I had 2 DNFs I did attempt them all & the CO instructions do say the badge he created can be claimed for attempting the series. I have no problem copying the URL but cannot find where to dump it on my profile pages. Thanks. Quote Link to comment
+icezebra11 Posted March 26, 2018 Share Posted March 26, 2018 On your Profile page, select the settings gear icon on the right side tight under the photo region. It should bring up your account settings page. If it is not already there, select "Profile Information" from the drop down box. Paste the html into the "About" section at the location you desire. Quote Link to comment
+grimpil Posted March 26, 2018 Share Posted March 26, 2018 Thanks for the quick response. Easy when you know how! But puzzled by locating it as it is determined to snuggle up to my "about me" text, no matter how much space I try to leave. Shall play around now I have the principle. Quote Link to comment
+icezebra11 Posted March 26, 2018 Share Posted March 26, 2018 Look to see if <br /><br /> is both before and after your badge html. That should give you a break between your badge and what comes before and after it. Quote Link to comment
+grimpil Posted March 26, 2018 Share Posted March 26, 2018 Sorted! Thanks again! Quote Link to comment
+NYPaddleCacher Posted March 27, 2018 Share Posted March 27, 2018 18 hours ago, grimpil said: How do I add a badge to my profile? I attempted a cache series today & whilst I had 2 DNFs I did attempt them all & the CO instructions do say the badge he created can be claimed for attempting the series. I have no problem copying the URL but cannot find where to dump it on my profile pages. Thanks. I have suggested as a feature that GS create a "Badges and Achievements" tab for our user profiles. Because the "About" tab is the only one that is user-editable, it's used for third party stats, badges, custom souvenirs, and pretty much anything else. It would be nice if the "About" tab was just used for geocacher Bio information and other editable tabs created for stats and achievements. 1 Quote Link to comment
+grimpil Posted March 27, 2018 Share Posted March 27, 2018 1 hour ago, NYPaddleCacher said: I have suggested as a feature that GS create a "Badges and Achievements" tab for our user profiles. Because the "About" tab is the only one that is user-editable, it's used for third party stats, badges, custom souvenirs, and pretty much anything else. It would be nice if the "About" tab was just used for geocacher Bio information and other editable tabs created for stats and achievements. Good idea. This is what confused me initially - I was looking for somewhere to paste in the badge. I don't really feel it is part of my profile info. Quote Link to comment
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.