Post a Badge on your Website

Badges let you quickly and easily link to your wiki from anywhere on the web. You can choose a small image, a large image with your wiki name and description, or a ticker with recent changes to your wiki. Copy an HTML snippet below to your website and your badge will be up and running.

1. Small Image Badges

80 by 15	<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/80x15_nb'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/80x15_nb.gif" width="80" height="15" alt="Wikispaces" border="0"/></a>
80 by 15	<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/80x15'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/80x15.gif" width="80" height="15" alt="Wikispaces" border="0"/></a>
88 by 31	<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/88x31'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/88x31.gif" width="88" height="31" alt="Wikispaces" border="0"/></a>
88 by 31	<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/88x31_pb'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/88x31_pb.gif" width="88" height="31" alt="Wikispaces" border="0"/></a>
120 by 40	<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/120x40'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/120x40.gif" width="120" height="40" alt="Wikispaces" border="0"/></a>
120 by 40	<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/120x40_pb'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/120x40_pb.gif" width="120" height="40" alt="Wikispaces" border="0"/></a>

2. Large Image Badges

468 by 60 (note: uses the wiki text and description from your wiki Settings)

<a href="http://public.esquireempire.com/" onmousedown="this.href+='t/b/468x60'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/space/badge/468x60" width="468" height="60" alt="Wikispaces" border="0"/></a>

3. Live Changes Badge

public wiki live changes list (160 by 200)

<!-- Begin Wikispaces Badge --> <div class="wikispaces_wrapper" style="font-family: arial,helvetica,sans-serif; font-weight: bold; background-color: #060; width: 156px; padding: 2px; text-align: center;"> <a href="http://public.esquireempire.com/" style="color: #FFF; text-decoration: none;" onmousedown="this.href+='t/b/live'; this.onmousedown=''; return true;">public wiki</a> </div> <div id="wikispacesBadge-v3" class="wikispaces_content" style="background-color: #EEE; width: 160px;"> <script type="text/javascript"><!-- wikispaces_url = 'http://public.esquireempire.com/space/badge/html?v=1'; wikispaces_width = 160; wikispaces_height = 200; wikispaces_color_bg = "EEEEEE"; wikispaces_color_text = "333333"; wikispaces_color_url = "008800"; wikispaces_color_fontsize = "83%"; //--></script> <script type="text/javascript" src="http://public.esquireempire.com/s/js/badge.js?v=3"></script> </div> <div class="wikispaces_wrapper" style="font-family: arial,helvetica,sans-serif; font-weight: bold; background-color: #060; width: 156px; padding: 2px; text-align: center;"> <a href="http://public.esquireempire.com/" style="color: #FFF; text-decoration: none;" onmousedown="this.href+='t/b/live'; this.onmousedown=''; return true;"><img src="http://public.esquireempire.com/i/b/80x15.gif" width="80" height="15" alt="Wikispaces" border="0"/></a> </div> <!-- End Wikispaces Badge -->