How to use it?

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>

Result

Web Badge widget

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).

How to use it?



By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close