Alojar páginas web con Google Drive no será posible a partir del 31 de agosto de 2016

Publicado el 06 junio 2016 por José María Acuña Morgado @jmacuna73
Google lo lleva anunciando desde hace cerca de un año: "la función de alojamiento de páginas web desde Google Drive dejará de estar disponible a patir de agosto de 2016".
En su blog oficial, explica las razones y ofrece la posibilidad de compra de un dominio a través de su plataforma Google Domains.
Llevo haciendo uso de este servicio desde que Google lo anunció y me ha sido de mucha utilidad para compartir de forma pública algunos de los casos prácticos que expongo en los artículos de mi blog.
Y como no es conveniente dejar los deberes para el último momento, me he puesto manos a la obra y he migrado todos estos proyectos a otro repositorio de carácter público.
Como ya indicaba en el post de principios de 2014 ¿sabías que Google Drive permite alojar páginas web?:
"para la publicación de un sitio web lo ideal es disponer de hosting y dominio propios pero para compartir ficheros o páginas estáticas a modo de ejemplos, existen numerosos servicios gratuitos que cubren perfectamente esta funcionalidad".

Finalmente me he decantado por el servicio de alojamiento de repositorios de software GitHub porque cubre sobradamente mis necesidades.
Algunas razones de peso son:
  • GitHub es totalmente gratuito para alojar código open source, siendo estos repositorios de visibilidad pública.
    No obstante, cuenta con un plan de precios para los repositorios privados.
  • es el servicio elegido por proyectos de software libre como Linux, Eclipse, jQuery, reddit, Sparkle, curl, Ruby on Rails, node.js, ClickToFlash, Erlang/OTP, CakePHP, Redis, y otros muchos.
  • algunas de las grandes empresas de Internet, como Facebook, alojan ahí sus desarrollos públicos, tales como el SDK, librerías, ejemplos, etc.
  • dispone de un visor de código mediante el cual, a través del navegador, podremos consultar en un instante el contenido de un determinado fichero

¿cómo configurar Git?
Documentación de usuario: Set Up Git
Artículos que se han visto afectados por este cambio y cuyos ficheros públicos ya apuntan al nuevo directorio GitHub (ordenados de más reciente a más antiguo):
  • Como crear un índice para Blogger personalizable por Título o Categorías

    <div id="all-post" class="all-post"></div>
    <script>
    var conf = {
    sortBy: 'orderlabel', // forma en que se muestran las artículos publicados
    lastPost: 10, // últimos post (10) a los que les pongo una marca
    date: 1, // 0:no aparece la fecha de publicación | 1:mostramos la fecha de publicación
    newPost: 'Nuevo!!', // texto o marca que aparece en los últimos artículos
    newtab: 1 // 0:abre link en la misma ventana | 1:abre link en ventana nueva
    }
    </script>
    <script src="https://cdn.rawgit.com/jmacuna/index-blogger/master/index-blogger.js"></script>
    <script src="[URL DE TU BLOG]/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

  • Calendario con todos los post publicados en Blogger

    <div id='calendar'><strong>Loading...</strong></div>
    <script>
    var conf = {
    bgcolor: '#1e4e7e',
    newtab: 1, // 0:abre link en la misma ventana | 1:abre link en ventana nueva
    tooltip: true, // false:title por defecto | true:tooltip con css3
    start: 1, // 0:Domingo | 1:Lunes
    days: "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
    months: "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
    date: "Ir al mes actual"
    }
    </script>
    <script src='https://cdn.rawgit.com/jmacuna/blogger-calendar/master/create-calendar.js' type='text/javascript'></script>
    <script src='https://jmacuna73.blogspot.com/feeds/posts/summary?max-results=1000&alt;=json-in-script&orderby;=published&callback;=createCalendar' type='text/javascript'></script>
  • Gadget para aumentar tu número de suscriptores - Blogger

    <link rel="stylesheet" href="https://cdn.rawgit.com/jmacuna/subscription-feedburner/master/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <script>
    idleTime = 0;
    $(document).ready(function(){
    $limit = 5; //seconds
    if ($.cookie('test_status') != '1') {
    function timerIncrement() {
    idleTime = idleTime + 1;
    if (idleTime > $limit) {
    $('html, body').css('overflow', 'hidden');
    $('.subs-popup ').fadeIn('slow');
    idleTime = 0;
    }
    }
    // Increment the idle time counter every second.
    var idleInterval = setInterval(timerIncrement, 1000); // 1 second
    // Zero the idle timer on mouse movement.
    $(this).mousemove(function (e) {
    idleTime = 0;
    });
    $(this).keypress(function (e) {
    idleTime = 0;
    });
    $.cookie('test_status', '1', { expires: 30 });
    }
    $('.email-close').click(function() {
    $('.subs-popup').fadeOut('slow');
    $('html, body').css('overflow', 'auto');
    $limit = 9999;
    });
    });
    </script>
    <div class="subs-popup">
    <div id="newsletter">
    <div class="email-close">X</div>
    <div class="newsletter-wrap">
    <h4>Suscríbete y recibe<br/>contenido exclusivo</h4>
    <p>Las últimas novedades del blog<br/>directamente a tu email.<br/><br/></p>
    <form action="http://feedburner.google.com/fb/a/mailverify?loc=es-ES&uri;=[FEED_DE_TU_BLOG]" method="post" onsubmit="$('.email-close').click();window.open('about:blank', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" novalidate="">
    <input name="uri" type="hidden" value="bloggertrix"/>
    <input name="loc" type="hidden" value="en_ES"/>
    <input type="email" value="" name="email" placeholder="Tu e-mail aqui..." required=""/><br/><br/>
    <input type="submit" value="Suscribirme" class="button-popup">
    </form>
    </div>
    </div>
    </div>
  • Comentarios con desplazamiento de texto para Blogger (efecto marquee)

    <table class="comments">
    <tr><td class="title">Últimos comentarios</td></tr>
    <tr><td><div class="scroller">
    <script type="text/javascript">
    var numComments = 10,
    showAvatar = true,
    avatarSize = 40,
    roundAvatar = true,
    characters = 40,
    showMorelink = false,
    moreLinktext = "More »",
    defaultAvatar = "http://i.imgur.com/3QqaBeS.png",
    hideCredits = true;
    </script>
    <script src="https://cdn.rawgit.com/jmacuna/comments-avatar/master/w2b_recent_comments_with_avatars.js"></script>
    <script src="[URL DE TU BLOG]/feeds/comments/default?alt=json&callback=w2b_recent_comments"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://www.jqueryscript.net/demo/jQuery-Plugin-For-Infinite-Any-Content-Scroller-scrollForever/scrollForever.js"></script>
    </div></td></tr>
    </table>
    <script type="text/javascript">$(document).ready(function({$(".scroller").scrollForever({dir:"top",container:"ul",inner:"li",speed:1000,delayTime:10,continuous:true,num:1});});</script>
Todos aquellos lectores del blog que utilicen alguno de los gadgets que comparto, deberán realizar ajustes para que las url públicas estén alojadas en https://cdn.rawgit.com en lugar de https://www.googledrive.com/host.
Jose Maria Acuña Morgado - Desarrollador Web