in

Shozam Community

A place to learn, share and interact with other Shozam users

Shozam Guru Blog

The Info Page: Including External Links

You can easily add links to external web pages on your Info Page. You might want to direct people to a Facebook page or a great web resource you found.

Let's jump right in using an external link to the Shozam Guru blog as an example.

External link syntax

<a href="http://www.shozam.com/blog">Shozam Guru Blog</a>

The entire URL of the external link (http://www.shozam.com/blog), is bracketed by <a href="..."> followed by the name of the link as you want it to appear (Shozam Guru Blog) followed by the closed bracked </a>. That's it.

Entering a link into the Long Description field in Shozam

When entering your link in Step 2 -->Image tab --> Long description field for your Info Page, just type in any preceding text followed by your link syntax. For example:

Hey all you Shozammers! There's an awesome blog that can help you get the most out of Shozam. Check it out at <a href="http://www.shozam.com/blog">Shozam Guru Blog</a>, and let me know what you think.

As you can see, it's pretty easy to add a link to your Info Page.

Optional parameters for a link

  • Target - Specifies if you want the link to open a new window or keep the same window. When left blank, the browser will use its default behavior
  • Title - Creates a little tooltip showing that ‘title' 

So a fancier link may look like this:

Hey all you Shozammers! There's an awesome blog that can help you get the most out of Shozam. Check it out at <a href="http://www.shozam.com/blog" target="_blank" title="Click here">Shozam Guru Blog</a>, and let me know what you think.

Adding links to a list

So back to the last blog post: here's how you would enter Jeanne's "favorite list of photography sites" as clickable links the Long description field:

Hi, I'm Jeanne. Thanks for visiting my website; I hope you find it informative, instructional and most of all, inspirational.  I want to share my favorite list of photography sites that get my creative juices flowing:
<ul>
<li><a href="http://www.fzipperphoto.com">Frank Zipper Photography</a></li>
<li><a href="http://www.customphoto.ca">Custom Concepts Photography</a></li>
<li><a href=http://www.portraits.putneyphotography.com>People's Choice Gallery</a></li>
</ul>

So now you know all about adding lists to your Info Page. 

Bookmark and Share

 

 

Published Jun 29 2009, 08:18 PM by Shozam Guru
Filed under:

Comments

 

calvenzani said:

I have tried to copy the proper code to my site but my links do not display properly.  What am I doing wrong? Below is what I have written : (did not upload yet). Your help is greatly appreciated.

Paul

These are samples of websites I created:

<ul>

<li><a href="http://www.joysflorist.com">Florist</li>

<li><a href="http://www.tuscanycaffe.com">Restaurant</li>

<li><a

href="http://www.ft-lauderdale-florist.com">Florist</li>

<li><a href="http://www.flowerdreamers.com">Personal</li>

<li><a href="http://www.boomeranginternetcafe.com">Cafe</li>

<li><a

href="http://dealerwarrantydivision.com">Insurance</li>

</ul>

June 30, 2009 9:22 AM
 

Tom Purse said:

Calvenzani,

You aren't closing out the syntax on your links before you close for the "line"

<li><a href="http://www.joysflorist.com">Florist</li>

It should look like this:

<li><a href="http://www.joysflorist.com">Florist</a></li>

June 30, 2009 12:10 PM
 

calvenzani said:

Thank You Tom for the proper coding, I will try it later. By the way you are a great photographer and your  website is great.

June 30, 2009 11:04 PM
 

Shozam Guru said:

Tom, thanks for the code correction, blog post is corrected. Big oversight on my part. Interestingly, when I tested the external links across different browsers, the links displayed correctly. Very forgiving browsers, I guess.

July 1, 2009 7:13 PM
Copyright 2010, KOMOTION, Inc. All rights reserved.