How to add Links and Images to Geocache Listings

5

One thing I’m sure many Geocachers wonder is how some people add images, links and flashy design elements to their Geocache listings.

The answer is HTML (HyperText Markup Language) which is basically the code that your Internet browser, like Internet Explorer, reads in order to display a web page. When you create a new Geocache listing and submit it, the server turns it all into html behind the scenes. Since the broswer can’t read your mind, if you don’t use html in your listing it just displays your listing as plain text.

So, now that the explination is out of the way, I’ll show you how to create links and display images in geocache listings.

Creating a link in a geocache listing

1. When composing your listing, you’ll see “The descriptions below are in HTML” option under “Details”. You must tick that box in order for this to work (Very Important!) Please see below:

2. Copy and paste the following line of code into your listing:

<a href="http://www.url.com/">Link Text</a>

3. Replace the URL within the code with the URL that you want the link to point to.

4. Replace the Link Text with whatever you want your link text to be.

So here are two examples for you. If you wanted the words “this is an example” to be linked to http://www.examplesite.com/this-is-an-example-page.php the code would look like this:

<a href="http://www.examplesite.com/this-is-an-example-page.php">this is an example</a>

That would display like this: this is an example

Or if you wanted the URL to display the actual URL the code would look like this:

<a href="http://www.examplesite.com/this-is-an-example-page.php">http://www.examplesite.com/this-is-an-example-page.php</a>

That would display like this: http://www.examplesite.com/this-is-an-example-page.php

That’s all there is to it. Now you can use that code to create links within sentences or anywhere else you want.

Adding images to Geocache listings

Adding images is very similar to adding links. A line of code, just like a link.

1. Copy and paste the following line of code into your listing where you want your image to display:

<img src="http://www.website.com/images/testpicture.jpg">

2. You will need a URL for the image, so the image will need to be upload to a website.
You can do that by uploading your image to a popular image sharing site like Flickr.com or something similar.
These sites give you a URL to your image.

3. Replace the image URL in the code with the image URL of your image.

That’s it. :) Your image will then display on the Geocache listing!

Fixing the spacing issue when using HTMl in a listing

When you use HTML in your listing, you will notice that all of the text is all bunched up. To fix this you’ll just need to use a few HTML tags. Put this at the beginning of each paragraph:

<p>

And put this at the end of every paragraph

</p>

That will create a white space between each paragraph. Additionally, you can use the following to start a new line:

<br />

That’s it. With the tips in this article you should now be able to easily add links and images to your Geocaching listings.

  1. TripCyclone
    TripCyclone12-29-2009

    You might want to add that the Geocaching site often adds extra tags to the listing. If the text comes out looking like there are extra lines, you need to go back in and find the spots where you see more than one tag, one right after another, and delete one of them. Resubmit the design and it should fix it.

  2. fran
    fran12-30-2009

    Thank you for posting this !!!

    I will save it for future reference.

    Happy New Year

  3. Emily Preece
    Emily Preece12-30-2009

    Hey Josh!
    I’m so glad I’ve kept your site as one of my favorites… These little articles you are doing are truly “gems”… This one is something I’ll have to ponder a bit.. I’m not a techno-geek — just a 56-year-old grandmother; but I’m game to try some of this stuff on my next cache listing… Or.. Maybe I’ll go back and “edit” one of my old ones a bit — just to see how it works out! :)

    Many thanks for this article, and keep them coming!

  4. geocaching app android
    geocaching app android08-11-2013

    Woah! I’m really enjoying the template/theme of this site. It’s simple, yet effective.
    A lot of times it’s hard to get that “perfect balance” between user friendliness and appearance. I must say that you’ve done a great job with this.
    Additionally, the blog loads extremely quick for me on Opera.

    Superb Blog!

  5. a00e.com
    a00e.com10-22-2013

    I don’t know if it’s just me or if perhaps everyone else experiencing issues with your site.
    It appears as if some of the text within your content are running off
    the screen. Can somebody else please comment and let me know if this
    is happening to them as well? This might be a problem with my internet browser
    because I’ve had this happen before. Appreciate it

Leave a Reply