Añadir javascript a Google Sites

Muchas veces hay servicios de internet (skype, twitter, ...) que te ofrecen botones con código javascript para indicar si estás conectado por ejemplo y, de paso, que utilicen el servicio aquellos que están leyendo tu página. En Google Sites, en el editor de páginas solo se admite html así que no se puede incrustar ese código tal cual.
La solución está en codificar un gadget propio. Hay que irse a developers.google.com y utilizar, debidamente identificado como usuario Google, el Editor de gadgets de Google (Google Gadgets Editor, GGE. El truco consiste en aprovechar el script que nos ponen de ejemplo (Hello World! típico) y sustituir dentro de la etiqueta CDATA con nuestro código:

 Lo bonito del asunto es que, grabando previamente, te sale ese enlace de arriba a la derecha, un fuente XML, que es lo que debes copiarte porque cuando vayas a tu sitio Google, al típico "insertar Más Gadgets" y de ahí al "desde URL":

Así se consigue meter el dichoso javascript en una página de Google Sites.

Google sites y las imágenes que son enlaces

Chorraditas. Sí, pero qué le vamos a hacer. En Google Sites, cuando utilizas una imagen como enlace a otras páginas, el resultado final es un recuadro alrededor de la imagen que tú no habías pedido.

La primera imagen aparece recuadrada porque es un enlace a otra página web. La cosa es de un tonto subido. Si entramos en edición y pulsamos para ver el código HTML (último de la botonera de opciones de edición que nos aparece arriba de las cajas de edición), lo que obtenemos es esto:

<a href="http://cvnet.cpd.ua.es/gite/gitedesc.aspx?gite=11014&amp;ori=todos">
<img src="https://sites.google.com/site/fbddocs/config/customLogo.gif" height="50" width="50" border="0"></a>

Google añade border="0" automáticamente cuando se inserta una imagen. Ahora bien, si cambiamos ese trozo de código por 

<a href="http://cvnet.cpd.ua.es/gite/gitedesc.aspx?gite=11014&amp;ori=todos">
<img src="https://sites.google.com/site/fbddocs/config/customLogo.gif" height="50" width="50" style="border:0px"></a>

Arreglado:

¿Que por qué? ¡Y yo qué sé! Pero tiene que ver con el tema elegido. En mi caso "sencillo". Si lo cambio a "iceberg" ya no hace el "marquito".

Copia de respaldo de Google Sites

Como bien dicen por ahí, una de las debilidades de Google Sites es su falta de herramientas de respaldo. Sí se puede hacer una copia del sitio entero a otro nuevo, pero dentro de Google, no a tu PC, por ejemplo.

No "problemo", el propio universo Google tiene la solución: google-sites-liberation, un programa en java que te lo descarga todo con cierta simplicidad. No me acaba de gustar esta obligación que tenemos de dar los usuarios y contraseñas para todo y para todos pero, si no, es que no hay manera. En cualquier caso, los detalles los tienen en la wiki del proyecto.

Tampoco es nada nuevo que grandes productos, principalmente por su dimensión, no entro en si Google Sites es mejor o peor que otros, dejen hacer y se nutran de terceros que rellenan pequeños o grandes agujeros del producto de referencia.

Botón imprimir en Google Sites

A raiz de un problemilla de un alumno con la impresión de una de nuestras páginas de FBDdocs, me he puesto a buscar una solución. El caso es que, si quieres imprimir una página, las barras laterales, superior e inferior no hacen más que molestar. Solución: el típico botón de "imprimir" que genera una página limpia (o casi) y más apta para la impresora. Pero ese botón, ¿de dónde lo saco?

En los foros de Google he encontrado lo que buscaba. Lo he adaptado un poco a mis gustos, los colorines y tal, pero se trata de editar la página en cuestión en HTML e insertar el siguiente código:

<form xmlns="http://www.w3.org/1999/xhtml">

<STYLE type="text/css">
input.btn {
  color:#005;
  font: 75% 'trebuchet ms',helvetica,sans-serif;
  background-color:#ddd;
  border:0px solid;
  border-color: #696 #363 #363 #696;
}
</STYLE>
<input class="btn" onclick="window.open('http://fbddocs.dlsi.ua.es/practicas-sql-espanol/expresiones-de-seleccion-de-filas?tmpl=/system/app/templates/print/&showPrintDialog=1')" style="width:75px; height:25px" type="button" value="Imprimir" />
</form>

Acto seguido, al salir de la edición HTML, se convierte en un gadget que puede editarse y colocarse donde queramos. El inline style es para darle ese aspecto más personalizado. El resto no merece más comentario. Por cierto la página en cuestión, la original se puede ver aquí, con el botoncito de marras a la derecha.

Bonito.