conteúdo que fecha

ATENÇÃO AJUSTAR O TOP E LEFT
já com o conteúdo pra colocar em qualquer luga do blog.
<div id="object1" style="position:absolute; visibility:show; left:150px; top:240px; z-index:2">FOTO QUE FECHA<br /> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_showHideLayers() { var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } function MM_findObj(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } //--> </script><br /> <br /> <noscript><br /> width ="100"<br /> height ="100"<br /> left ="500"<br /> top= "100"<br /> <br /> </noscript><br /> <br /> <style type="text/css"> #botao{cursor:hand;color:#FF00FF;border:0px;font-face:arial,verdana;font-size:7pt;font-weight:bold;} </style><br /> <br /> <br /> <br /> <div id="fechada" style="visibility:visible;filter:Alpha(Opacity=90,FinishOpacity=80,Style=2,StartX=100,StartY=100,FinishX=100,FinishY=1);position:absolute;left:10;top:100;"><table width="300" height="300" bgcolor=" #FF3030" border="0" cellspacing="0" cellpadding="0"><tr> <td><center><br /> <br /> <table border><tr> <td>COLOQUE AQUI O CONTEÚDO </td></tr> </table></center></td> <td align="right" valign="top"><input type="button" id="botao" value=" X " onclick="MM_showHideLayers('fechada','','hide')" title="Fechar!!!" /></td> </tr> </table></div></div><div id="object11" style="position:absolute; visibility:show; left:-10px; top:-10px; z-index:2"></div>