DOWNLOADS EXAMPLES SKINS DOCS SUPPORT
 
 

Inserting the Standard HTML code

Both the online Customizer Tool and Wimpy Button Maker generate "Standard HTML" code. Once you've generated the code, copy and paste the resulting code anywhere between the opening <body> and closing </body> tags of your page.

Example:

<html>
<head>
<title>My Wimpy Button</title>
</head>


<body>

<p>Hello World</p>

<!-- START WIMPY BUTTON: Standard HTML -->
<object ...etc... </object>
<!-- END WIMPY BUTTON: Standard HTML -->

</body>


</html>

 

Code Explanation

<!-- START WIMPY BUTTON: Standard HTML -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,47,0" width="35" height="35" id="wimpybutton516">
<param name="movie" value="http://www.yoursite.com/wimpy/wimpy_button.swf" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />

<param name="flashvars" value="theFile=http://www.yoursite.com/wimpy/example.mp3&autoplay=yes&loopMe=yes&playingColor=362A45&arrowColor=00FF00" />
<embed src="http://www.plaino.com/test/wimpy_button.swf" flashvars="theFile=http://www.yoursite.com/wimpy/example.mp3&autoplay=yes&loopMe=yes&playingColor=362A45&arrowColor=00FF00" width="35" height="35" bgcolor="#FFFFFF" loop="false" menu="false" quality="high" name="wimpybutton516" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
<!-- END WIMPY BUTTON: Standard HTML -->

HTML Tags
These tags are used to render the player in the browser. The "object" tag is used by Internet Explorer-based browsers and the "embed" tag is used by Mozilla-based browsers (Firefox, Netscape, etc).

IMPORTANT: Within the HTML code, there are two references each of the following attributes, one in the <object / param> tag and again in the <embed> tag. If you decide to edit the HTML code by hand, you must edit both -- otherwise the button will not work in all browsers.

URL to the Wimpy Button SWF file
This should be a full URL to the SWF file. Using a "relative" path will not allow the button to work on every page throughout your site. Click here for more information on using "Relative and Absolute" paths.

Configuration Options
Options are established through the "flashvars" attribute. These options include the URL to the MP3 file. Each option is delimited by an ampersand symbol (&).

Comments
The lines that begin with <!-- are comments, which help you to identify the the button when reading the source HTML code -- and provide a means for a programmer to annotate the code with "human readable" information. The comments are also used by Wimpy Button Maker to "open" existing buttons.

ID / NAME Set
The <object> tag requires the "id" attribute, while the <embed> tag requires the "name" attribute. The value for the "id" should be the same as the value for the "name". Only use alpha-numeric characters for the id / name. Also, the first character should not be a number, it must be a letter.

Example:

Good: "button1"
Bad:   "1button" (because the first character can not be a number)

 

 

Using more than one button

When using more than one button on a page, the NAME / ID Set should be unique for each button instance.

For example, the first button should have the id / name set to "button1", then the second button on your page needs to have a unique NAME / ID Set such as "button2".

Example:

<html>
<head>
<title>My Wimpy Button</title>
</head>


<body>

<p>Button 1 </p>

<!-- START WIMPY BUTTON: Standard HTML -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,47,0" width="35" height="35" id="wimpybutton1">
<param name="movie" value="http://www.yoursite.com/wimpy/wimpy_button.swf" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="theFile=http://www.yoursite.com/wimpy/example.mp3&autoplay=yes&loopMe=yes&playingColor=362A45&arrowColor=00FF00" />
<embed src="http://www.plaino.com/test/wimpy_button.swf" flashvars="theFile=http://www.yoursite.com/wimpy/example.mp3&autoplay=yes&loopMe=yes&playingColor=362A45&arrowColor=00FF00" width="35" height="35" bgcolor="#FFFFFF" loop="false" menu="false" quality="high" name="wimpybutton1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
<!-- END WIMPY BUTTON: Standard HTML -->


<p>Button 2 </p>

<!-- START WIMPY BUTTON: Standard HTML -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,47,0" width="35" height="35" id="wimpybutton2">
<param name="movie" value="http://www.yoursite.com/wimpy/wimpy_button.swf" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="theFile=http://www.yoursite.com/wimpy/example.mp3&autoplay=yes&loopMe=yes&playingColor=362A45&arrowColor=00FF00" />
<embed src="http://www.plaino.com/test/wimpy_button.swf" flashvars="theFile=http://www.yoursite.com/wimpy/example.mp3&autoplay=yes&loopMe=yes&playingColor=362A45&arrowColor=00FF00" width="35" height="35" bgcolor="#FFFFFF" loop="false" menu="false" quality="high" name="wimpybutton2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
<!-- END WIMPY BUTTON: Standard HTML -->

</body>


</html>

 

 

 

 

 

 

  ©Copyright Plaino LLC. All rights reserved.