Home > Resources > HTML Resources

HTML Resources

You can easily extend the functionality of your Shozam gallery by entering HTML code on the HTML Tabs (in Step 2 or Step 5). Here are some Web providers which offer interesting functionality. In most cases you will need to sign up for a free account on their Web site and they will provide you with some code which you can then just paste in Shozam.

In most cases this is easy, fun and free.

Put a 'Share This' link on your gallery pages

Sign up at http://sharethis.com/. Get the code and paste it in Step 5 --> HTML tab to include the sharing capability on every page of your gallery. To limit the sharing to just pages related to an image, paste the code in Step 2 --> HTML tab. See also the related post in the Shozam Community Forums: http://community.shozam.com/forums/t/1291.aspx

Put a counter on your gallery pages

Sign up at http://sitemeter.com/. Get the code and paste it in Step 5 --> HTML tab. You will be able to track your visitor traffic for every gallery page.

Place widgets on your gallery pages

Place widgets on your gallery pages. Check out some sample widgets made available by a Shozam user:
http://www.chewitup.net/Widgets/index.htm. Get the widget code and then paste it in Step 2 on the HTML tab.

You can get more widgets directly from http://www.widgetbox.com

Embed MP3 Files into your Web site

This allows you to insert a Flash MP3 player in an HTML page. If you create a frameset , you can have the Shozam gallery appear in one frame and the audio player be in another. This will allow your gallery to have continuous music throughout, no matter what gallery page is being viewed.

http://googlesystem.blogspot.com/2006/07/embed-mp3-files-into-your-website.html

Create a custom banner for your Web gallery

http://www.mybannermaker.com/

Create a custom banner online, through an easy step-by-step process. Copy the resulting code and paste it on the HTML Tab in Step 5 of Shozam. Your custom banner will then appear on all your Shozam gallery pages. (Credit goes to Tom Purse for posting this resource.)

Google Custom Search Engine

This allows you to display a search box on your gallery page(s) allowing visitors to search your gallery or Web site.

1. Go to: http://www.google.com/coop/cse/
2. Click Create a Search Engine button
3. Specify your search engine settings. Here you can aslo restrict your custom Google search to a specific domain so it shows results from only your gallery or Web site.
4. Click Finish
5. Click Control Panel link
6. Click Code link
7. Copy the code provided and paste it in your gallery's HTML Tab

Here is sample code you can use to test it out; it is set to search the Shozam Web site. When you create your own code, you can set it to look how you want and to search whatever Web site you want. Just paste the code below in Shozam (Step 5 --> HTML Tab):

<!-- Google CSE Search Box Begins  -->
  <form id="searchbox_000951894948125053543:vcajc5xy9de" action="http://www.google.com/search">
    <input type="hidden" name="cx" value="000951894948125053543:vcajc5xy9de" />
    <input type="hidden" name="cof" value="FORID:0" />
    <input name="q" type="text" size="40" />
    <input type="submit" name="sa" value="Search" />
  </form>
  <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_000951894948125053543%3Avcajc5xy9de"></script>
<!-- Google CSE Search Box Ends -->

Bubble Guru

http://www.bubbleguru.com

Use your Web cam to create videos that appear in a circular "bubble" on top of your Web pages. The main page of their Web site has such a video bubble and gives you a pretty good idea of how it will work. They currently offer 1 free video message that you can post to any Web site or blog.

EyeJot

http://www.eyejot.com

Use your Web cam to create a video message which you can paste on your page as an HTML widget. More so, your gallery viewers with a Web cam can then leave video messages for you.

Demo '07 video about EyeJot (fast forward to 2:34 for the good part about integrating on social network sites like blogs and MySpace pages; you would use the same functionality to integrate on your Shozam gallery pages): http://www.youtube.com/watch?v=v3x7AQlouEk

This video also helps with understanding how Eyejot works: http://www.youtube.com/watch?v=OZGyHSwlIMg

Smart Guestbook

  http://smartgb.com

Get a guestbook for your Web site. It allows you to get feedback from your visitors. You can easily customize your guestbook to look like the rest of your Shozam gallery.

Send image request in email

You can add the following code on the HTML Tab in Step 2 to have an email link appear on image pages in the gallery. You can use this to offer your visitors a way to request an gallery image in email.

<p><a href="mailto: email-name@mydomain.com ?subject=Add image *imagename* to my wishlist">Request this image</a></p>

• Replace email-name@mydomain.com with your email address.
• For each image, replace  *imagename* with the name of the image or some other unique identifier.

To speed up the workflow, once in Step 2 of Shozam, select all thumbnails on the left, and enter the code above (with the correct email address) on the HTML Tab. Then select each image, one at a time, and customize the "*imagename*" with a unique identifier for each image.

See also