Redes sociales a un costado de tu web/foro

este codigo se trata de unas ventanas que estan a el lado derecho de tu web/foro y al pasar el mouse se puede ver los detalles

demo : aki

codigo :

Código:

<div id="div-3082905992843096175" style="border: 0px solid #ffffff; width: 240px;"></div><script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#ffffff';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '6';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-3082905992843096175',
  site: '00286525615627339881' },
  skin);
</script></div></div><div class="barrighttwitter" onmouseout="this.className='barrighttwitter'" onmouseover="this.className='barrighttwitterc'"><div class="barcontetwitter">

Aki tu caja de comentarios del twitter 

</div></div><div class="barrightfacebook" onmouseout="this.className='barrightfacebook'" onmouseover="this.className='barrightfacebookc'"><div class="barcontefacebook">

Aki tu caja de los que le gusta tu pagina de facebook

</div></div><style>



/* Twitter */
.barrighttwitter { background: url('http://i49.servimg.com/u/f49/15/69/99/67/1117.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:120px; z-index:1000;}
.barrighttwitterc { background: url('http://i49.servimg.com/u/f49/15/69/99/67/tw_ag10.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:120px;  z-index:1100;}
.barcontetwitter {margin:0 0 0 47px}
/* Facebook */
.barrightfacebook { background: url('http://i49.servimg.com/u/f49/15/69/99/67/11110.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:340px; z-index:1000;}
.barrightfacebookc { background: url('http://i49.servimg.com/u/f49/15/69/99/67/22210.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:190px;  z-index:1100;}
.barcontefacebook {margin:12px 0 0 47px}
.rssrightblogger, .rssrightbloggerc {display:none}
</style><div style='clear: both;'></div>
</div>
<br/>

lo que tienen que modifocar es donde dice : Aki tu caja de comentarios del twitter y Aki tu caja de los que le gusta tu pagina de facebook
pegan su codigo de cada modulo y listo :D

espero que les sirva :D

Gracias :D

Gracias por el aporte se te agradece esta muy bueno lo usare o_O