<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
  <head>
    <title>Tips</title>
    <meta name="description" content="Tips and hints about getting the most from your webjam." />
    <meta name="keywords" content="webjam, tips, hints" />
    <meta name="Webjam2.ExecutionTime" content="312" />
    <meta name="Webjam2.SerializationTime" content="219" />
    <meta name="Webjam2.XsltTime" content="0" />
    <link rel="Shortcut Icon" type="image/x-icon" href="http://s3.amazonaws.com/webjam-upload/WJ200x200___c42dda16ef43445b8af0318f6709426e(200x200)(@16x16C)i.jpg.ico" />
    <link rel="stylesheet" type="text/css" media="all" href="/css/compiled/all.css?session=67b4bf4d" />
    <link rel="stylesheet" type="text/css" media="print" href="/css/browser/print.css?session=67b4bf4d" />
    <link rel="stylesheet" type="text/css" media="all" id="StyleSheetLink" href="/Actions/Stylesheet.jam?StylesheetId=1851d698-454f-45d8-bf1d-b12ada1f1a45" />
    <style type="text/css">
    </style>
    <script type="text/javascript">
//output the current site-controller session-id and URL
var $controllerSessionId = "98f78643-409b-4af5-b35d-a6981526a683";
var $userId = "673d9425-5894-45d2-8740-fdd75b5e245a";
var $pageId = "e4e1766b-cbb5-4504-8c3a-67f735849e71";
var $url = "http://help.webjam.com/webjam/hints/";
var executionTime = 312;
var xsltTime = 0;
var loginHash = "";

//start the download timer
startDownLoad = new Date();


var $canEdit = false;
</script>
    <script type="text/javascript" src="http://help.webjam.com/js/compiled/all.js?session=67b4bf4d">
    </script>
    <script type="text/javascript" src="http://www.webjam.com/webjam/home~XDomainCookieCheck?loginHash=">
    </script>
  </head>
  <body class=" NoReplication ">
    <div id="Lightbox-Overlay">
    </div>
    <div id="Lightbox-Holder">
      <div id="Lightbox">
        <div class="Lightbox-Drag">
        </div>
        <div class="Ajax-Panel" id="Lightbox-Ajax-Panel">
Loading, please wait... 
</div>
      </div>
    </div>
    <div id="Holder">
      <div id="Page-Header">
        <div id="Top-Bar-1">
          <span class="Logo">
            <a title="Webjam" href="http://www.webjam.com/webjam/home">
              <img src="http://help.webjam.com/images/blank.gif" width="40" height="28" alt="Go to: www.webjam.com/webjam/home" />
            </a>
          </span>
          <span class="Left">
            <span class="Site-Title">
              <a onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~SiteInfo?id=e4e1766b-cbb5-4504-8c3a-67f735849e71">Tips</a>
              <span class="Separator-Grey-Big">|</span>
              <a class="createWJ" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~Wizard">create new webjam
                        </a>
            </span>
          </span>
          <span class="Center">
            <a style="padding-right:0" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~LoginForm/">
              <phrase name="sign in 22">Sign in</phrase>
            </a>
            <span class="Separator-Register">|</span>
            <a class="NoActive White" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~Wizard/?Register=true">
              <phrase name="Register">Register</phrase>
            </a>
          </span>
          <form id="searchForm" onsubmit="return $toggleSearch(true);" action="http://www.webjam.com/webjam/search/?cx=007888517589037463859%3Anmasauu6snu&amp;cof=FORID%3A11&amp;safe=medium&amp;sa.x=0&amp;sa.y=0&amp;q=">
            <div class="haccordion outhaccordion">
              <img src="http://help.webjam.com/images/magnify_search.gif" class="header" onclick="$toggleSearch(true);" />
              <div class="content">
                <input type="text" name="q" id="searchTextbox">
                </input>
              </div>
              <img src="http://help.webjam.com/images/arrow_search.gif" class="header" onclick="$toggleSearch();" id="searchArrowImg" />
            </div>
          </form>
        </div>
        <div id="ViewOptions">
          <ul>
            <li>
              <a class="Option First" href="#" onclick="return ShowModules('Personal');">
                <img src="http://help.webjam.com/images/icon_user.gif" alt="" align="absmiddle" /> Editor view
                      <br /><span class="small">See everything</span></a>
            </li>
            <li>
              <a class="Option" href="#" onclick="return ShowModules('Community');">
                <img src="http://help.webjam.com/images/community.gif" alt="" align="absmiddle" /> Members view
                      <br /><span class="small">See what your members see</span></a>
            </li>
            <li>
              <a class="Option" href="#" onclick="return ShowModules('Public');">
                <img src="http://help.webjam.com/images/world.gif" alt="" align="absmiddle" /> Public view
<br /><span class="small">See what everyone else sees</span></a>
            </li>
          </ul>
        </div>
      </div>
      <a name="Columns">
      </a>
      <div id="Page-Width">
        <div id="Page-Content">
          <div id="Page-Content-Inner">
            <div id="Columns">
              <div id="Column-0" class=" Column ">
                <div class="Height-Spacer"> </div>
                <div class="Module HTMLModule-Module  AccessLevel-Public" id="c82918f7-c288-46f8-af08-2d27ae575971">
                  <div class="bl">
                    <div class="Block-Dummy"> </div>
                    <div class="Module-Control-Owner">
                      <div class="Panel">
                        <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://help.webjam.com/webjam/hints/$c82918f7-c288-46f8-af08-2d27ae575971/~AddToWJ/">
                          <span>
                            <phrase name="add to wj">Add to my webjam</phrase>
                          </span>
                        </a>
                      </div>
                    </div>
                    <div class="Module-Controls">
                      <div class="Panel">
                        <div class="Module-Controls-Drag"> </div>
                        <div class="Right-Links">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://help.webjam.com/webjam/hints/$c82918f7-c288-46f8-af08-2d27ae575971/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="Ajax-Panel Module-Holder">
                      <div>
                        <div class="Content">
                          
                            <script type="text/javascript">
if(!document.all) {
var oldFunc = document.write;
document.write = function(html) {
document.getElementById('c82918f7-c288-46f8-af08-2d27ae575971_html').innerHTML += html;
}
}
</script>
                            <div id="c82918f7-c288-46f8-af08-2d27ae575971_html"><div style="float:right;padding-right: 40px; padding-top:40px; padding-bottom:0px; ">
<!-- Search Engine --><!-- Google CSE Search Box Begins -->
<label for="WebjamSearchText" style="float:left;padding:2px 10px 0 0;margin:0;font-size:14px;color:#999;vertical-align:top;">Find a webjam</label>
<form id="searchbox_001070636320297879222:0ziap00knhy" action="http://www.webjam.com/webjam/search/">
<input type="hidden" name="cx" value="007888517589037463859:nmasauu6snu" />
  <input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="safe" value="medium" />

<input name="q" type="text" size="30" id="WebjamSearchText" style="border:1px solid #CCC;" />
<div style="float:left;margin:1px 0 0 5px;vertical-align:bottom;"><input type="image" src="http://static.webjam.com/home/search_button.gif" onclick="this.form.submit();" style="min-height:0;" name="sa" /></div>
</form>
<script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_001070636320297879222%3A0ziap00knhy"></script>
<!-- Google CSE Search Box Ends -->
</div></div>
                            <script type="text/javascript">
if(!document.all) document.write = oldFunc;

//now remove the scripts
$(document).ready(function() {
setTimeout(function() { $("#c82918f7-c288-46f8-af08-2d27ae575971_html script").remove(); }, 5000);
});
</script>
                          
                        </div>
                        <span class="Clear-Left">
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="Module MyWebjams-Module  AccessLevel-Public" id="ce5e8806-a2d4-4c57-b0f4-314aad0619fc">
                  <div class="bl">
                    <div class="Block-Dummy"> </div>
                    <div class="Module-Control-Owner">
                      <div class="Panel">
                        <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://help.webjam.com/webjam/hints/$ce5e8806-a2d4-4c57-b0f4-314aad0619fc/~AddToWJ/">
                          <span>
                            <phrase name="add to wj">Add to my webjam</phrase>
                          </span>
                        </a>
                      </div>
                    </div>
                    <div class="Module-Controls">
                      <div class="Panel">
                        <div class="Module-Controls-Drag"> </div>
                        <div class="Right-Links">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://help.webjam.com/webjam/hints/$ce5e8806-a2d4-4c57-b0f4-314aad0619fc/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="Ajax-Panel Module-Holder">
                      <div class="Navigation">
                        <ul class="Webjams">
                          <li id="Page-a5b1378f-9f19-49ae-983d-801a0a46921a">
                            <a href="http://www.webjam.com/webjam/home">Webjam homepage</a>
                          </li>
                          <li id="Page-e7cd5d07-5741-4d44-8007-192d1b54ca2d">
                            <a href="http://about.webjam.com/webjam/aboutus">About Us</a>
                          </li>
                          <li id="Page-f55e6b66-73bf-46b0-8b3c-1172ce4f8185">
                            <a href="http://about.webjam.com/webjam/blog">Webjam Blog</a>
                          </li>
                          <li id="Page-c73434c1-4fc1-45a9-8e9f-e42a37bbcdc3">
                            <a href="http://about.webjam.com/webjam/press">Newsroom</a>
                          </li>
                          <li id="Page-edf909de-e24a-4a00-97d6-b40cc0656457">
                            <a href="http://www.webjam.com/webjam/discover">Explore Webjam</a>
                          </li>
                          <li id="Page-555fefc1-4c4c-4222-b365-18f2762d2e13">
                            <a href="http://www.webjam.com/templates">Templates</a>
                          </li>
                          <li id="Page-a6260cd5-632d-4597-85c6-df438ca9d501">
                            <a href="http://help.webjam.com/webjam/help">Help</a>
                          </li>
                        </ul>
                        <br clear="left" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="Horizontal-Columns">
                <div id="Column-1" class=" Column  ResizableColumn " style="width : 100%;">
                  <div class="Module BlogModule-Module  AccessLevel-Public" id="000e95cd-1c16-4576-8ce5-cace73db8234">
                    <div class="bl">
                      <div class="Block-Dummy"> </div>
                      <div class="Module-Control-Owner">
                        <div class="Panel">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://help.webjam.com/webjam/hints/$000e95cd-1c16-4576-8ce5-cace73db8234/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                      <div class="Module-Controls">
                        <div class="Panel">
                          <div class="Module-Controls-Drag"> </div>
                          <div class="Right-Links">
                            <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://help.webjam.com/webjam/hints/$000e95cd-1c16-4576-8ce5-cace73db8234/~AddToWJ/">
                              <span>
                                <phrase name="add to wj">Add to my webjam</phrase>
                              </span>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="Ajax-Panel Module-Holder">
                        <div>
                          <h1 class="Module-Title">
                            <span>
                              <a href="http://help.webjam.com/webjam/hints/$tips/../">
                                <img src="http://help.webjam.com/images/back_button.gif" align="absmiddle" /> Tips</a>
»
How to add music to your webjam</span>
                          </h1>
                          <div class="Blog-Post">
                            <div class="Blog-Post-Chrono">
                              <span class="Blog-Post-Comments-Count">
                                <a class="Button-Link" href="http://help.webjam.com/webjam/hints/$tips/2008/03/07/how_to_add_music_to_your_webjam#Comments">
                                  <img src="http://help.webjam.com/images/comments.gif" align="absmiddle" /> <span class="CommentCount">2 Comments</span></a>
                                <a class="Button-Link" href="http://help.webjam.com/webjam/hints/$tips/2008/03/07/how_to_add_music_to_your_webjam#AddComment">  - Add comment  </a>
|
<a class="Button-Link" href="http://help.webjam.com/webjam/hints/$tips/../"><img src="http://help.webjam.com/images/back_button.gif" align="absmiddle" />
Back to Tips</a></span>

Written on 07-Mar-2008 by 
<a onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~UserProfile?id=69320a4d-f20c-4e71-a1ad-721a68ab2d04">kylie</a></div>
                            <div class="Blog-Post-Content">
                              <p>To play music through the Webjam <strong>MP3 player</strong>:<br /><br />Add the MP3 player to your webjam from Modules&gt;Media<br /><br />Click Edit<br /><br />Enter the URL of each audio file into the space under Track URL. The URL should look something like this: http://www.asilentflute.com/mp3/02%20-%20%20name%20of%20song.mp3 (thus the hosting service, specific song name and ending with file extension .mp3) <br />To get the URL you will need to upload your song to a data file hosting service, for example: <a href="http://www.asilentflute.com/">http://www.asilentflute.com/</a><a href="http://www.putfile.com/"></a>, or <a href="http://www.snapdrive.net/">http://www.snapdrive.net/</a>. Alternatively, search on Google for a &quot;free music data upload hosting service&quot;: <a href="http://www.google.com/search?hl=en&amp;rls=en&amp;q=free+music+data+upload+hosting+service">http://www.google.com/search?hl=en&amp;rls=en&amp;q=free+music+data+upload+hosting+service</a> <br /><font size="1">A word of warning - if you own the legal rights to the song then you should be able to use any upload services to host your music files. If the music is from a commercial CD by uploading the song you could be violating the law (depending on the country) by doing so without the copy-right owner's permission.</font><br /><br />Write the Artist and Song Title (if desired).</p><p><img src="http://s3.amazonaws.com/webjam-upload/mp3 player___4e9c553c290941a28806326c4c321d96(378x191).jpg" border="0" alt="mp3 player" hspace="5" vspace="5" align="left" /></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p><strong>Another way</strong> to add the music of artists you like is to use SeeqPod (<a href="http://www.seeqpod.com">http://www.seeqpod.com</a>) which allows you to search for music add it to a playlist, then copy and embed the playlist into a Free HTML module on Webjam.</p>
                            </div>
                            <div class="Blog-Post-Utility">
                              <a title="Post to Facebook" onclick="return $popup(this);" href="http://www.facebook.com/login.php?popup&amp;next=http%253A%252F%252Fwww.facebook.com%252Fsharer.php%253Fu%253Dhttp%253a%252f%252fhelp.webjam.com%252fwebjam%252fhints%252f%2524tips%252f2008%252f03%252f07%252fhow_to_add_music_to_your_webjam">
                                <img src="http://help.webjam.com/images/facebook.gif" align="absmiddle" />Post to Facebook</a>
                              <a onclick="return $lightbox(this);" title="Send to a friend" href="http://help.webjam.com/webjam/hints/$tips/../~ShowSendPageLink?inviteUrl=http://help.webjam.com/webjam/hints/$tips/2008/03/07/how_to_add_music_to_your_webjam&amp;title=How+to+add+music+to+your+webjam&amp;module=blog">
                                <img src="http://help.webjam.com/images/email.gif" align="absmiddle" />Send to a friend</a>
                            </div>
                            <div class="Blog-Post-Tags">Tags:
<a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=music">music</a>, <a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=mp3">mp3</a>, <a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=tips">tips</a>, <a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=mp3 module">mp3 module</a></div>
                            <div class="Module-Navigation-Controls">
                              <span class="Left">
                                <a id="Blog-Post-Navigation-Previous" href="http://help.webjam.com/webjam/hints/$tips/2008/03/06/profile_info_page">&lt;&lt; Profile Info page</a>
                              </span>
                              <span class="Right">
                                <a id="Blog-Post-Navigation-Next" href="http://help.webjam.com/webjam/hints/$tips/2008/03/13/new_order_to_the_modules">New order to the Modules  &gt;&gt;</a>
                              </span>
                              <br clear="both" />
                            </div>
                            <div class="Blog-Post-Comments-Container">
                              <h2 id="Comments">Comments</h2>
                              <ul>
                                <li class="Ajax-Panel" id="bd4b1525-bc81-48c7-a2c2-f7e5629ab98b">
                                  <div class="Photo-Frame">
                                    <a href="http://help.webjam.com/webjam/hints/$tips/../~UserProfile?id=14c2bc7a-0ec2-4804-ae51-6cfcbc0ca284" onclick="return $lightbox(this);">
                                      <img class="S3" width="64" height="64" src="http://s3.amazonaws.com/webjam-upload/abortion clinic scene___f2592045466a4d0897adb50e9172a05e(275x378)(@64x64C).jpg" />
                                    </a>
                                  </div>
                                  <p class="Right">
                                    <em>written on 09-Mar-2008</em>
                                  </p>
                                  <p class="Comment-Info">
                                    <a href="http://help.webjam.com/webjam/hints/$tips/../~UserProfile?id=14c2bc7a-0ec2-4804-ae51-6cfcbc0ca284" onclick="return $lightbox(this);">Grace2u2</a>

says:</p>
                                  <p class="Comment-Content">
                                    This is really ugly on my page.  Any way you can fix it so that it will appear as an Ipod again?
                                  </p>
                                </li>
                                <li class="Ajax-Panel" id="33d811d9-0ca9-4c59-9736-9bdeed5d77f8">
                                  <a name="LastComment">
                                  </a>
                                  <div class="Photo-Frame">
                                    <a href="http://help.webjam.com/webjam/hints/$tips/../~UserProfile?id=78dee501-34cc-4641-93a7-2a1606808a0a" onclick="return $lightbox(this);">
                                      <img class="S3" width="64" height="64" src="http://s3.amazonaws.com/webjam-upload/Redhead___ae40c9120bbd45138096bddd0b0305af(256x192)(@64x64C).jpg" />
                                    </a>
                                  </div>
                                  <p class="Right">
                                    <em>written on 11-Mar-2008</em>
                                  </p>
                                  <p class="Comment-Info">
                                    <a href="http://help.webjam.com/webjam/hints/$tips/../~UserProfile?id=78dee501-34cc-4641-93a7-2a1606808a0a" onclick="return $lightbox(this);">redhead</a>

says:</p>
                                  <p class="Comment-Content">
                                    Sorry, Grace2u2 the iPod view is not avialable on this new player. I hope the fact that it works much better will compensate. 
                                  </p>
                                </li>
                                <li>
                                </li>
                              </ul>
                              <p>You must be registered and logged into Webjam to leave a comment on this blog.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="page-footer">
            <ul>
              <li>
                <a href="http://about.webjam.com/webjam/aboutus/">About</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/blog/">Blog</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/press/">Newsroom</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/aboutus/jobsatwebjam">Jobs</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/aboutus/partnerwithwebjam/">Partner</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/termsandconditions">Terms of Service</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/privacypolicy">Privacy Policy</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://help.webjam.com/webjam/help/">Help</a>
              </li>
            </ul>
            <br />
            <ul>
              <li>
                <a onclick="return $lightbox(this);" class="Button-Link" href="http://help.webjam.com/webjam/hints/~UserProfile?id=1530cdf5-70ec-4f50-86c8-81740c71b908&amp;Tab=Contact">Contact this webjam's editor</a>
              </li>
              <li>|</li>
              <li>
                <a href="http://about.webjam.com/webjam/aboutus/contactus">Contact Webjam</a>
              </li>
              <li>|</li>
              <li>
                <a onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~ReportContent">Report inappropriate content</a>
              </li>
              <li>|</li>
              <li>
                <a onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~ReportBug">Report a bug</a>
              </li>
            </ul>
            <h4>© 2008, Webjam Ltd. and trademark owners</h4>
          </div>
        </div>
        <div id="Loading">
          <span>Loading ...</span>
        </div>
        <div id="Ajax-Panel-Dummy" class="Ajax-Panel">
        </div>
        <div id="Debug-Info">
          <ul>
            <li id="Debug-Text">
            </li>
            <li>Active sessions: 0</li>
            <li>Total queries: 2</li>
            <li>Serialization time: 219ms</li>
            <li>Execution time: 312ms</li>
            <li>XSLT time: 0ms</li>
          </ul>
        </div>
      </div>
    </div>
    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
    <script type="text/javascript">
var pageTracker = _gat._getTracker("UA-742770-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
  </body>
</html>