Caja de chat flotante para tu blog

  • Autor Autor bacanzito
  • Fecha de inicio Fecha de inicio
bacanzito

bacanzito

Eta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Insertar CODE, HTML o PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var a=window,b="jstiming",d="tick";var e=function(c){this.t={};this.tick=function(c,p,h){h=void 0!=h?h:(new Date).getTime();this.t[c]=[h,p]};this[d]("start",null,c)},f=new e;a.jstiming={Timer:e,load:f};if(a.performance&&a.performance.timing){var g=a.performance.timing,j=a[b].load,k=g.navigationStart,l=g.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT),j&&0<k&&(j[d]("_tbnd",void 0,a.chrome.csi().startE),j[d]("tbnd_","_tbnd",k)));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT,j&&0<k&&(j[d]("_tbnd",void 0,a.external.startE),j[d]("tbnd_","_tbnd",k)));m&&(a[b].pt=m)}catch(n){};a.tickAboveFold=function(c){var i=0;if(c.offsetParent){do i+=c.offsetTop;while(c=c.offsetParent)}c=i;750>=c&&a[b].load[d]("aft")};var q=!1;function r(){q||(q=!0,a[b].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",r,!1):a.attachEvent("onscroll",r);
 })();</script>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://evolucionfacebook-pruebas5.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://evolucionfacebook-pruebas5.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Laboratorio #5 - Juegos - Atom" href="http://evolucionfacebook-pruebas5.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Laboratorio #5 - Juegos - RSS" href="http://evolucionfacebook-pruebas5.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Laboratorio #5 - Juegos - Atom" href="http://www.blogger.com/feeds/6756021128688737735/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=6756021128688737735" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<link rel="openid.delegate" href="http://evolucionfacebook-pruebas5.blogspot.com/" />
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>Laboratorio #5 - Juegos</title>
<link href='http://4.bp.blogspot.com/-392s4-SA6ZM/TwuTZNGc_VI/AAAAAAAAEgk/-Qss9vxLhvs/s1600/hongobross.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/-392s4-SA6ZM/TwuTZNGc_VI/AAAAAAAAEgk/-Qss9vxLhvs/s1600/hongobross.png' rel='icon' type='image/x-icon'/>
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
<link type="text/css" rel="stylesheet" href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=6756021128688737735&zx=0b07bc13-bb3b-4cd9-9d00-97faf859a798"/>
<style id='page-skin-1' type='text/css'><!--
/*
----------------------------------------------- */
#navbar-iframe{display:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i, marquee {
margin: 0px;
padding: 0px;
}
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#0177CB url(http://2.bp.blogspot.com/-beO5xz92ALc/TwuTqE7aEVI/AAAAAAAAEgs/nK0JJCjk4Hg/s1600/bodybross.png) repeat-x;
font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif;
color:#161514;
font-size:13px;
}
img {   max-width:100%;
border:0;
margin: 0 0;
}
a {
color:#04554C;
text-decoration:none;
outline:none;
}
a:hover {
color:#bbb;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding:10px 10px 10px 10px;
color:#444;
font-style: normal;
}
.clear {
clear:both;
}
table{
margin: 10px 0 10px;
}
table td, table th{
text-align: left;
padding: .4em .8em;
}
table th{
background: #ccc ;
color: #444;
text-transform: uppercase;
font-weight: normal;
}
table td{
background: #e4e4e4;
}
table tr.even td{
background: #eee;
}
table tr:hover td{
background: #FFF9DF;
}
/* The Outer cover */
#wrapper {
width:1000px;
margin:0 auto;
position:relative;
}
#casing {
padding:0px 0px 10px 0px;
background:#fff;
float:left;
width:1000px;
}
/* The Header */
#top {
height:110px;
margin:auto;
width:1000px;
position:relative;
}
.blogname {
width:600px;
font-family:Arial,Century gothic,Verdana,Tahoma,sans-serif;
margin:25px 0 0 0px;
height:70px;
text-align:left;
float:left;
padding-left:70px;
background:url(http://2.bp.blogspot.com/-5KVyhqXZHjQ/TwuT5HnpEwI/AAAAAAAAEg0/3YkIWRa2Rh4/s1600/logobross.png) no-repeat;
}
.blogname h1  {
font-size:40px;
padding:0 0 0px 0;
font-weight:normal;
color:#fff;
}
.blogname h1  a:link, .blogname h1  a:visited{
color: #fff;
display:block;
margin:0px 0 0 0px;
}
.blogname h1  a:hover {
color: #fff;
}
.blogname h2 {
margin:0px 0px 0px 0px;
font-size:14px;
font-weight:bold;
color: #031714;
text-shadow:1px 1px 1px #38ADFF;
}
.head{
height:230px;
width:1000px;
float:left;
background:url(http://2.bp.blogspot.com/-95FycbnIHb0/TwuWQ_1fn0I/AAAAAAAAEiE/_SySbah_eLc/s1600/headbross.jpg);
}
.blogright{
position:absolute;
width:148px;
height:107px;
background:url(http://2.bp.blogspot.com/-wi1BThMNuW0/TwuUIXaPjkI/AAAAAAAAEg8/1QhIk90JF50/s1600/capbross.png);
right:159px;
bottom:0px;
}
.subhead{
width:440px;
height:200px;
margin:50px 30px 0px 0px;
overflow:hidden;
float:right;
}
.subhead h3{
color:#fff;
font-weight:bold;
font-size:18px;
padding:10px 0px;
}
.subhead p{
color:#69c8bd;
line-height:22px;
}
/*  menu*/
#catmenucontainer{
height:42px;
display:block;
padding:0px 0 0px 0px;
font: 12px Arial,Tahoma,Century gothic,verdana,  sans-serif;
font-weight:normal;
text-transform:uppercase;
}
#catmenu{
margin: 0px 0px 0px 0px;
padding: 0px 0px;
height:42px;
overflow:hidden;
}
#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px 10px;
}
#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color:#032e4c;
text-shadow:1px 1px 1px #fff;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:42px;
}
#catmenu li a:hover, #catmenu li a:active {
background:#252525 url(http://2.bp.blogspot.com/-C4TS-3i8bMw/TwuUVSDwu2I/AAAAAAAAEhE/yvuKQ8BCI_k/s1600/menuabross.png) repeat-x;
color: #fff;
text-shadow:-1px -1px 1px #09639F;
margin: 0px;
padding: 0px 10px ;
line-height:42px;
text-decoration: none;
}
/*Page menu*/
#foxmenucontainer{
height:38px;
display:block;
padding:0px 0 0px 0px;
font: 12px Arial, Tahoma,Century gothic,verdana,  sans-serif;
font-weight:normal;
text-transform:uppercase;
background:url(http://1.bp.blogspot.com/-tIHF4qMJaYM/TwuUoi-8lGI/AAAAAAAAEhM/b_LQ3f8109o/s1600/catmenbross.png) repeat-x;
float:left;
width:1000px;
}
#menu{
margin:0px 10px;
padding: 0px;
height:38px;
overflow:hidden;
}
#menu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#menu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#menu li a, #menu li a:link, #menu li a:visited {
color:#eee;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:38px;
}
#menu li a:hover, #menu li a:active {
color: #fff;
margin: 0px;
padding: 0px 10px ;
line-height:38px;
text-decoration: none;
background:url(http://3.bp.blogspot.com/-znyzH6txP9Y/TwuU4Qsk3NI/AAAAAAAAEhU/8BsqAVPgLGs/s1600/catmenuabross.png) repeat-x;
}
/* Main Content*/
#content {
float:left;
width: 630px;
height:100%;
padding:0px 0px 0px 0px;
margin-left:10px;
display:inline;
overflow:hidden;
margin-top:10px;
}
.post {
margin: 10px 0px 20px 0px;
height:100%;
color:#59666f;
font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
background:#F5F5F5 url(http://3.bp.blogspot.com/-GmbUd24kmd0/TwuVMQn2RNI/AAAAAAAAEhc/ISeRy3dv4SI/s1600/fadebross.png) repeat-x;
padding:5px;
border:1px solid #ddd;
}
.title  h2 {
margin: 0px 0 0px 0;
padding: 10px 0px 10px 10px;
text-align: left;
font: 28px Arial,century gothic,verdana, sans-serif;
font-weight:normal;
overflow:hidden;
}
.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
color:#111;
background-color: transparent;
}
.title  h2 a:hover  {
color: #111;
background-color: transparent;
}
.title{
margin: 0 0 0 0px;
padding: 0px 0px 0px 0px;
}
.data {
font-size:10px;
font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
padding:4px 5px 4px 0px;
color:#ca680b;
text-transform: uppercase;
background:#fff;
margin:5px 10px;
border:1px solid #ddd;
}
.author{
color:#0177CB;
padding:2px 5px 2px 20px;
margin-left:10px;
background:url(http://2.bp.blogspot.com/-thB18kV8u_c/TwuVcnw4DBI/AAAAAAAAEhk/EaualKWv74s/s1600/userbross.png) no-repeat;
}
.clock{
color:#0177CB;
padding:2px 5px 2px 20px;
margin-left:5px;
background:url(http://3.bp.blogspot.com/-rE7cMRZWI3c/TwuVpyKB-cI/AAAAAAAAEhs/w2XR4WF_zmc/s1600/clockbross.png) no-repeat;
}
.comm{
color:#fff;
padding:2px 5px 2px 20px;
margin-left:5px;
background:url(http://4.bp.blogspot.com/-W1V_ZGUQGms/TwuV0zNd_MI/AAAAAAAAEh0/XUu4A9pdXto/s1600/balloonbross.png) no-repeat;
}
.comm a:link,
.comm a:visited {
color:#0177CB;
}
.comm a:hover{
color:#656565;
text-shadow:1px 1px 1px #ccc;
}
.cover {
margin:0 0;
padding: 0px 10px ;
}
.entry {
margin:0 0;
padding: 0px 0px ;
}
.entry a:link,
.entry a:visited {
color:#0177CB;
background-color: transparent;
}
.entry a:hover {
color:#E53F0C;
background-color: transparent;
text-decoration: none;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
/* --- FOOTER --- */
#footer {
height:60px;
padding:10px 0 0 0px;
color:#DADADA;
margin-bottom:20px;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
font-family: Tahoma,georgia,Century gothic,  Arial, sans-serif;
float:left;
width:100%;
background:#00558F ;
text-shadow:1px 1px 1px #004C7F;
}
#footer a:link , #footer a:visited{
color:#D1E3EF;
}
#footer a:hover {
color:#fff;
}
.fleft{
float:left;
text-align:left;
margin-left:10px;
margin-top:10px;
line-height:16px;
}
.fright{
float:right;
text-align:right;
margin-right:10px;
margin-top:10px;
line-height:16px;
}
/* The Navigation */
#navigation{
margin:10px 0px 0px 0px;
padding:0px 5px 10px 0px;
width:700px;
}
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 610px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
/* right column */
.right{
float:right;
width:340px;
padding:0px 0px 0px 0;
display:inline;
margin-right:10px;
overflow:hidden;
margin-top:20px;
}
.sidebar h2 {
background:#1690E5 url(http://3.bp.blogspot.com/-89VJqiS0CLs/TwuWAytaLfI/AAAAAAAAEh8/kDGSZ1d5bDQ/s1600/sidebross.png) no-repeat;
line-height:35px;
height:35px;
padding-left:35px;
font-family:Georgia,Tahoma,Century gothic, Arial, sans-serif;
color:#fff;
font-size:14px;
}
.sidebar .widget-content {padding:15px;}
.sidebar ul {
list-style-type: none;
margin:  0px;
}
.sidebar li{
list-style-type: none;
margin: 0 ;
border-bottom:1px dotted #ddd;
padding: 5px 0px 5px 0px;
}
.sidebar .widget{
background:#f4f4f4;
margin-bottom:10px;
border:1px solid #ddd;
}
.sidebar a:link, .sidebar a:visited {color:#6f6f6f;}
.sidebar a:hover {color: #004C7F;}
#comments h4 {
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
font-size:16px;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#f5f5f5 none repeat scroll 0 0;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #f5f5f5;
border-right:1px solid #f5f5f5;
margin-top:-8px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #f5f5f5;
border-left:1px solid #f5f5f5;
border-right:1px solid #f5f5f5;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.PageList h2, #LinkList64 h2 {display:none;}
.post-footer {margin-top:10px;padding: 0px 10px;line-height:18px;color:#888;border-top:1px dotted #ddd;}

--></style>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("iframes-styles-bubble", function() {
          if (w
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<div id='wrapper'>
<div id='catmenucontainer'>
<div id='catmenu'>
<div class='interior section' id='interior'><div class='widget HTML' id='HTML5'>
<script type='text/javascript'>
                var disqus_shortname = 'juegosevolucionfacebook';
                var disqus_blogger_current_url = "http://evolucionfacebook-pruebas5.blogspot.com/";
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = "http://evolucionfacebook-pruebas5.blogspot.com/";
                }
                var disqus_blogger_homepage_url = "http://evolucionfacebook-pruebas5.blogspot.com/";
                var disqus_blogger_canonical_homepage_url = "http://evolucionfacebook-pruebas5.blogspot.com/";
            </script>
<style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>
<script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement('script');
                    bloggerjs.type = 'text/javascript';
                    bloggerjs.async = true;
                    bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_index.js';
                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
                })();
                </script>
</div><div class='widget PageList' id='PageList1'>
<h2>Pages</h2>
<div class='widget-content'>
<ul>
<li class='selected'><a href='http://evolucionfacebook-pruebas5.blogspot.com/'>Inicio</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6756021128688737735&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=interior' onclick='return _WidgetManager._PopupConfig(document.getElementById("PageList1"));' target='configPageList1' title='Editar'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'><div class='widget Header' id='Header1'><div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6756021128688737735&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));' target='configBlogArchive1' title='Editar'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget Followers' id='Followers1'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;

        

        
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

        
        gadgets.rpc.register('requestSignOut', function(siteId) {
          
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">
    
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
        
          
          
          
            holder.postFeed = "http://www.blogger.com/feeds/6756021128688737735/posts/default";
          
          
          
            holder.commentFeed = "http://www.blogger.com/feeds/6756021128688737735/comments/default";
          
          holder.currentBlogUrl = "http://evolucionfacebook-pruebas5.blogspot.com/";
          holder.currentBlogId = "6756021128688737735";
        
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;

    gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });

    
    gadgets.rpc.register('set_pref', function() {});

    registerGetBlogUrls();
  }
  </script>
<div id="div-6044n8konkr2" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "Arial";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-6044n8konkr2",
     height: 260,
     
     
     
     site: "14938953463867824004",
     
     locale: 'es' },
     skin);
  </script>
</div>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6756021128688737735&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Editar'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' id='HTML7'>
<div class='widget-content'>
<style>
#hcr {
position:fixed;
top:60px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-n6MFSSLcJ4w/T01qsipf6YI/AAAAAAAAGwM/dkqmUuQV4ZQ/s1600/ChatBox5.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #FF2E2E;
background:#FFD0D0;
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">

<!-- CHAT BOX CODE HERE -->
<object width="250" height="350" id="obj_1330475176845"><param name="movie" value="http://BloggeameBblggr.chatango.com/group"/><param name="AllowScriptAccess" value="always"/><param name="AllowNetworking" value="all"/><param name="AllowFullScreen" value="true"/><param name="flashvars" value="cid=1330475176845&a=FF2D2D&b=100&c=FFFFFF&d=FFFFFF&k=FF2D2D&l=999999&s=1&w=0"/><embed id="emb_1330475176845" src="http://BloggeameBblggr.chatango.com/group" width="250" height="350" allowscriptaccess="always" allownetworking="all" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="cid=1330475176845&a=FF2D2D&b=100&c=FFFFFF&d=FFFFFF&k=FF2D2D&l=999999&s=1&w=0"></embed></object><br />[ <a href="http://BloggeameBblggr.chatango.com/clonegroup?ts=1330475176845">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1330475176845">Start New</a> | <a href="http://BloggeameBblggr.chatango.com">Full Size</a> ]
<!-- END CHAT BOX CODE --->


<br />
<div class="hc-credit">
<span style="float:left">
<a href="http://bloggeameblogger.blogspot.com/2012/02/caja-de-chat-en-forma-flotante-para-tu.html" target="_blank">
[?]
</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>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6756021128688737735&widgetType=HTML&widgetId=HTML7&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML7"));' target='configHTML7' title='Editar'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="//www.blogger.com/static/v1/widgets/3054493744-widgets.js"></script>

para provar el codigo aqui falta optimisarlo

Probar código HTML. Herramientas webmaster :: LaWebera.es

fuente : mas-audaz: Caja de chat en forma flotante para tu blog

Pd: voy a seguir investigando mas cajas flotantes de facebook y twitter :encouragement:
 
Para Wordpress sabes ponerla broo
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

jcduranm
Tutorial: Formulario de contacto flotante de WhatsApp
Respuestas
1
Visitas
219
elnazadsm
elnazadsm
Armandolqr
Código que no muestra subtítulos, ¿alguien puede ayudar?
Respuestas
2
Visitas
49
Armandolqr
Armandolqr
RandomThemes
FilMoves ! Clone ! Blogger Template !Abandono!
Respuestas
6
Visitas
873
RandomThemes
RandomThemes
jcduranm
Tutorial: Widget de Reloj Digital usando Vue.js para Bloggers
Respuestas
2
Visitas
260
asebs
asebs
aleh3120
Tutorial: Aporte de Buscador Personalizado
Respuestas
5
Visitas
303
Top Gun
T
Atrás
Arriba