hola no me sale el caja flotante del xat en html ?

hola no me sale el caja flotante del xat en html cual es mi error ? es para un foro smf

Código

 
 
[html]<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('aca no se que poner ?') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #333333;
background:#cccccc;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
 
<!-- <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNDk*OTU4ODAwMDcmcHQ9MTM*OTQ5NzgxMDk*MiZwPTUzMTUxJmQ9Jmc9MSZvPTgyMGI2YzYzMzBlMDQxN2JhZWE*/MmJiYjQwYzBlNWM2.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=161093285&gn=Kallejon_Virtual" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=161093285&GroupName=Kallejon_Virtual">Get Kallejon_Virtual chat group</a> | <a target="_BLANK" href="http://xat.com/Kallejon_Virtual"> Goto Kallejon_Virtual website</a></small><br> -->
 
<br />
<div class="hc-credit">
<span style="float:left">
<a href="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i89f1a63f61ac63da/1340075377/std/image.png">
[?]
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[Cerrar]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>[/html]

solo vi uno explicado en blog

Cómo agregar la página de fans de Facebook, Twitter & Google Plus Flotante Para Blogger (Cabe destacar que no se si funcione en otro tipo de paginas o blogs. En paginas sencillas de formato HTML Si funciona.)

Vaya a Escritorio de Blogger -> Diseño -> Edición de HTML
Copia de seguridad de la plantilla antes de hacer cualquier cambio en tu blog
Ahora Expandir plantillas de artilugios
Encuentra el código que se muestra a continuación, utilizando la tecla [Ctrl + F]

</ Head>

Ahora pega el código mostrado abajo justo antes de / por encima de </ Head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Si la plantilla contiene ya esta javascript entonces no hay necesidad de agregar esta

2.- Ahora haga clic en el botón Generador Widget muestra a continuación.

3.- Limpia los datos que estan en el area de texto que se encuentra en el recuadro central de la pagina.

4.- Rellena tus datos, si quereis que cualquiera de los 4 no salga, solo deja el recuadro en blanco.
5.- Despues de eso, da click en Generate
6.- Si es para tu blog. con tu blog da click en Add to Blog. Y sigue los pasos para añadir el artilugio.
7. Ya instalado esto (o si es para pagina sencilla de html) dirigete a donde se encuentra el Widget que se encontrara con titulo de HTML/JavaScrip o si lo instalastes en una pagina sencilla en cualquier parte del <body>
inserta este codigo (si en tu caso es bloger solo cambia el ID de Google ):

Código

<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/3in1/3.css" /><script src='http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js'></script><script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js"></script><script type="text/javascript">jQuery(document).ready(function($){$('#gpaw').googlePlusActivity({api_key:'AIzaSyBIh4fAagRSLQf3kDOdBkTqge2LpnDSqJQ',user:'100968892774240503731',image_width:75,image_height:75,body_height:230})});</script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#facebook_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right".stop(true,false).animate({right: -240}, 500); }); jQuery("#twitter_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right".stop(true,false).animate({right: -240}, 500); }); jQuery("#google_plus_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right".stop(true,false).animate({right: -280}, 500); }); }); </script><p style=display:none;> 3 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style=top:10%;> <div id="facebook_div"> <img src="http://1.bp.blogspot.com/-P7PnKzs4M-s/T0E3xZE2FKI/AAAAAAAAC08/j-3aibI525I/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FLasCosasComoSoon&amp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256" scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style=top:27%;><div id="twitter_div"><img id="twitter_right_img" src="http://2.bp.blogspot.com/-N_SZ0_7E8fs/T0E16YjfRyI/AAAAAAAAC00/szvsu90oRMM/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("albertho_rivera";</script> </div></div></div><div id="on"><div id="google_plus_right" style=top:44%;><div id="google_plus_div"><img id="google_plus_right_img" src="http://4.bp.blogspot.com/-oMCVA6XPob8/T0E3y55ZwjI/AAAAAAAAC1M/ew6Ua_iT-YE/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dgoogle_plus_right.png" /><div style=float:left;margin:0px0px4px4px;><div id="gpaw"> </div></div></div></div></div>

8.- Las partes que estan en colores cambialas por tus usuarios.

1.- Es el ID de tu Google Plus
2.-El nombre de direccion de Pagina de Facebook que puede ser Facebook/LasCosasComoSoon o Facebook/-ஐHay-cosas-que-hace-mucho-me-dejaron-de-importar-tu-por-ejemploஐ-/01462362456
3.- Tu usuario de Twitter: @albertho rivera (Este caso es el mio)

9.- Guarda tus cambios y listo. Tu blog o tu pagina quedara asi:

fuente:

http://besttricksblogger.blogspot.com/