Mostrando resultados del 1 al 2 de 2
  1. #1
    Registro
    28-noviembre-2012
    Ubicación
    Peru
    Edad
    34
    Mensajes
    662
    Código:
    <!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

  2. Likes Nicolas dio clic en "Me agrada" a este mensaje
  3. Para Wordpress sabes ponerla broo

Temas similares

  1. ¿plugins Caja De Comentarios facebook "en modo caja flotante lateral "es posible?
    ¿plugins Caja De Comentarios facebook "en modo caja flotante lateral con efecto Deslisante "es posible? en plataforma universal html :p4: ...
    Respuestas: 0
    Último mensaje: 30-dic-2012
  2. ayuda con chatango
    tengo un problema con chatango le puse en mi blog y funcionaba perfecto pero despues baje una plantilla hecha en css para blogger este es mi blog...
    Respuestas: 2
    Último mensaje: 15-abr-2012
  3. Te explico cómo hacer extractos rápidos
    Supongo que en más de una ocasión habéis tenido la necesidad de hacer extractos en vuestros sitios web WordPress y sabéis que es bastante tedioso ...
    Respuestas: 1
    Último mensaje: 08-feb-2012

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •