Linking to other websites is relatively easy, but can be a science. This page features a brief introduction to the art of linking, followed by some tips for linking to Geobop websites, along with some free linking imags.

You probably already know how to create links. If so, you can skip the Linking 101 section below...except please read about title attributes if you aren’t familiar with those critters.

Each section features an example of the HTML code needed to create a simple text link to that website, like this...

You are not required to follow this exact format. These are just examples for your convenience.

There are also many free images you can use instead of or in addition to a text link. Any of the images displayed below can be used without written permission for linking to or otherwise publicizing the website(s) each image represents. If you’d like to use them for some other purpose, feel free to contact me. Feel free to rename the images as you see fit.

Each image’s size in pixels is indicated, with width followed by height. For example, the image below is 125 pixels wide and 25 pixels high.

Most images are displayed in front of a background with varying colors. That should give you an idea of how each image will look against backgrounds of various colors. Notice that some of the non-rectangular images don’t look too nice against dark backgrounds. However, most of them can be adapted to dark backgrounds. If you need a particular image for a certain type of background, please contact me.

And that’s about it. Just find the website you want to link to in the Page Menu, and take it from there.

I’d love to post links to some websites that link to mine, especially those that use images form this page. So please contact me if you’d like to be listed.

No Hot Linking

Please do not link to any images on this or other Geobop websites without my permission. You are welcome to download images from this page and publish them to your website.

Reciprocal Links

Yes, if you link to one of my websites, I’ll give you a reciprocal link. However, I haven’t figured out the format I want to use yet. I think I’ll add a special page to each website for this purpose.

Linking 101

This is an example of a simple link:

In other words, that’s an example of the code you would insert in your HTML to produce a text link that looks like this: Hello.com

Title Attribute

It works, but we can improve it by adding a title attribute, highlighted in red text in the example below...

The resulting link looks the same - Hello.com - But place your cursor over it and see what happens.

More important, the title attribute make links more appealing to search engines. In other words, if you want to publicize and promote a website, link to is using title attributes.

Note that the text in the title attribute does’t have to match the link title that you see on your web page. Here’s an example...

Hover your cursor over Hello.com now.

PLEASE include title attributes in all your links to Geobop websites. I’ll return the favor if I link back to your site.

Images

To link an image, rather than text, you would simply replace the text in your code with an image tag. For example, I used the code below...

...to produce this linked image:

Does that look too complex? Fortunately, good web design programs, like Dreamweaver, allow you to easily insert and link images.

Some of the coolest links combine images and text. Here’s an example:

And here’s the code I used to create it, with the visible text highlighted in bold, and the image portion highlighted in blue.

If you know how to work with CSS, then you can do lots of other cool things, like position your links and images, alter their appearance, etc.

Geobop

You can use this code or modify it to create a simple text link to Geobop:

Any of the images below can be used without written permission for linking to or otherwise publicizing Geobop.

GeoWorld

You can use this code or modify it to create a simple text link to GeoWorld!:

Any of the images below can be used without written permission for linking to or otherwise publicizing GeoWorld (www.geoworld.org).

GeoZoo

You can use this code or modify it to create a simple text link to GeoZoo:

Any of the images below can be used without written permission for linking to or otherwise publicizing GeoZoo.

GeoSymbols

You can use this code or modify it to create a simple text link to GeoSymbols:

Any of the images below can be used without written permission for linking to or otherwise publicizing GeoSymbols.

Politix

You can use this code or modify it to create a simple text link to Politix:

Any of the images below can be used without written permission for linking to or otherwise publicizing Politix.

PaleoZoo

You can use this code or modify it to create a simple text link to PaleoZoo:

Any of the images below can be used without written permission for linking to or otherwise publicizing PaleoZoo.

U.S. Symbols

You can use this code or modify it to create a simple text link to U.S. Symbols:

Any of the images below can be used without written permission for linking to or otherwise publicizing U.S. Symbols.

 

Browsers 101

You can use this code or modify it to create a simple text link to Browsers 101:

Any of the images below can be used without written permission for linking to or otherwise publicizing Browsers 101.

GeoWebWorks

You can use this code or modify it to create a simple text link to GeoWebWorks:

Any of the images below can be used without written permission for linking to or otherwise publicizing GeoWebWorks.