The example below shows the default widget look without any customization.
We made a square-like background. It will help you to understand the transparency of the widget. If you are familiar with Adobe Photoshop program, you will definitely recognize it quickly.
Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <p id="xorWebBadge"><a href="http://www.xorbin.com/">Web Badge widget</a></p> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"><!-- var flashvars = { // no parameters }; swfobject.embedSWF( "xorWebBadge.swf", "xorWebBadge", "200", "200", "8", "expressInstall.swf", flashvars, {scale: "noscale", wmode: "transparent"} ); // --></script> |
Important notices
- Specify the width and height of the widget on lines #10, #11.
- Don’t forget to specify correct paths in lines: #2 (the location of javascript swfobject library), #8 (the location of the widget xorWebBadge.swf itself and #13 additional file called expressInstall.swf which asks your website visitors to update their flash plugins to view your website correctly).