<script type="text/javascript">
$(document).ready(function(){

 var guildName = "The Guild Name";
 var realm = "Arathor";

 var useFrame = true;
 var frameWidth = "100%";
 var frameHeight = "600";

/******************************
  Don't change anything below
 ******************************/
  $('.wowcharcal').click(function(){
  var f, name = prompt("Please enter your charcter name","");
  if ( name != null && name != '' ){
   if (useFrame) {
    f = "<iframe width=\"" + frameWidth + "\" height=\"" + frameHeight + "\" src=\"http://www.wowarmory.com/vault/character-calendar.xml?r=" +
     realm.replace(/\s/g,'+') + "&gn=" + guildName.replace(/\s/g,'+') + "&cn=" + name + "\" scrolling=\"auto\" frameborder=\"0\" align=\"top\" " +
     "allowtransparency=\"true\"></iframe>";
    $('.wowcal').html(f);
   } else {
    f = "http://www.wowarmory.com/vault/character-calendar.xml?r=" + realm.replace(/\s/g,'+') + "&cn=" + name + "&gn=" +
     guildName.replace(/\s/g,'+')
    window.open(f);
   }
  }
  return false;
 });
});
</script>
<div class="wowcal" style="text-align:center">
 <a class="wowcharcal" href="#"><img alt="" src="http://www.axiomfiles.com/Files/278466/icon-armory.png" /></a>
 <br />
 <div>Click on the image above , type your character name in the prompt, then login and it will take you straight to the calendar for that character.</div>
</div>

• If the value of "useFrame" is true, the calendar will open in an iframe in place of the button. If false, the calendar will open in a new window/tab.
• Change the text in blue to match your Guild Name and Realm; include spaces and apostrophes.
• Adjust the frame size in red to better match your site. The width of the armory is a bit over 1000 pixels, so you should put it in a tab where there are no side zones.

1. Add this widget to a page that doesn't have any side zone content.
2. Add a way to hide the side content widgets (this post).
3. Make a new widget row (this post).