Mantener actualizadas las librerías de Google

JMiur [E]

Quien use las librerías de Google para cargar scripts y esté preocupado por las actualizadicones puede visitar scriptsrc.net y copiar el código necesario para utilizar la última versión disponible o bien, cambiar el directorio que la contiene:

Por ejemplo, esto cargaría prototype.js en su versión 1.6.1.0:

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js' />

y esto, JQuery en su versión 1.4.3:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript' />

en todos los casos, un directorio indica la versión /1.6.1.0/ y /1.4.3/ respectivamente pero ya son versiones "viejas", las nuevas deberían decir /1.7.0.0/ y /1.4.4/ así que habría que editar el código y escribir el nuevo número pero, también podemos hacer otra cosa que es un truco interesante que explica CSS-Tricks en una entrada reciente: en lugar de colocar el número exacto de la versión, podemos usar un número genérico; por ejemplo:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js' type='text/javascript' />

haría que se cargara siempre la última versión que comience con esos número; hoy, sería la la 1.4.4 y si aparece la 1.4.5 se cargará esa y así sucesivamente hasta que aparezca la 1.5 en cuyo caso, se cargará la última de la serie 1.4.x.

Aún más; si pusiéramos sólo esto:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript' />

se cargararía la última versión 1.x.x sin importar cuál sea esta y recién debríamos modificar el código manualmente cuando apareciece una versión 2.x.x.

Esto es lo mismo para todos los scripts de Google, cualquiera de estos códigos cargará la última versión de scriptaculous disponible (la 1.8.3):

<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript' />

<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/scriptaculous.js' type='text/javascript' />

<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js type='text/javascript' />

El primer ejemplo cargará la versión exacta, el segundo cualquier actualización hasta que aparezca una 1.9.x y el último, la versión más actual de la serie 1.x.x.

Cajas en forma de burbuja

Blogger: Nueva opción para los feeds

En Blogger Buzz anuncian que a partir de ahora, podremos controlar un poco más la forma en que se muestran los feeds de nuestro blog.

Si entramos en Configuración | Feed del sitio veremos que al desplegar la lista, han agregado una opción más llamada Hasta el salto de línea:

Feed de entradas del blog

Hasta ahora, los feeds podían ser enviados como Cortos (se generaba un resumen de no más de 400 caracteres de largo) o Completos. Esta nueva alternativa nos permite determinar la longitud, es decir, hasta dónde se podrán ver desde un lector externo y para indicar esto, se utiliza el MORE.

Quiere decir que, si marcamos la opción y en una entrada usamos el MORE para que nuestras entradas no se vean completas en la página de inicio, el feed seguirá el mismo criterio y tampoco se mostrará completo sino que se cortará en ese lugar y se agregará un enlace de "Leer más" que permitirá acceder a la página individual.

¿Esto es mejor o peor? No hay una sola respuesta, ahí ya entran a jugar las subjetividades.

Hay quienes creen que los feeds son una competencia para el mismo blog, que si alguien "lee pero no entra", se perjudica el sitio; de alguna manera, miran las estadísticas de "visitas" y se olvidan de una estadística que no existe: "los lectores" ya que esos últimos son los que en realidad hacen un blog y los primeros, sólo son un número que, tal vez es muy alto pero que en realidad poco significa si es que un blog es ese espacio en la web donde pretendemos compartir o simplemente expresarnos.

Algo diferente puede ocurrir con sitios comerciales si es que pudiera existir tal cosa como un blog comercial, algo que dudo ya que, salvo casos excepcionales, no creo que sea un formato adecuado para ese tipo de proyectos. En lo personal, tampoco creo que los feeds cortos sean muy efectivos ni siquiera en esos casos.

Si leo algo que me interesa, entrararé al sitio para observarlo in-situ, para chusmear, para participar, para ver si hay alguna otra cosa que pueda interesarme. A mi entender, los feeds generan visitas y no lo contrario; pretender que alguien "ingrese" mostrándole sólo un pedacito no parece ser una buena estrategia, "el dinero no puede comprar amor" y los no-feeds no pueden comprar lectores. Siempre es mejor que las personas elijan y cuantas más opciones haya, mejor será para todos.

Iconos en blanco y negro y algo más

Starbursts: Insignias animadas con CSS3

El misterioso JSON

Hay decenas de trucos que agregamos y que nos dicen cosas como "acá debemos poner la dirección de los feeds". Lo hacemos porque es sencillo, funcionarán o no funcionarán pero ¿qué demonios es un feed? ¿Magia negra? Nada de eso, en realidad, no es otra cosa que un archivo común y corriente.

Los feeds son archivos creados por el servidor (Blogger en nuestro caso) y si los miramos, veremos que contiene una serie de etiquetas con información de lo que se ha publicado en nuestro sitio; como muchas otras cosas en la web, hay muchos formatos de feeds y la diferencia entre ellos poco nos interesa, será RSS (Rich Site Summary) o Atom o XML, da igual y serán los lectores de feeds los que se encarguen de interpretarlos.

Como decía, muchos scripts que utilizamos en Blogger hacen referencia a los feeds; los usamos para mostrar los últimos comentarios, las últimas entradas, los posts relacionados, aleatorios, etc, etc. Es que, al no tener acceso a esos datos, nos vemos en la necesidad de emplear un camino alternativo y ese camino tiene nombre y lo hemos utilizado muchísimas veces, se llama JSON (JavaScript Object Notation) que no es otra cosa que un "archivo especial", también creado por el servidor y que tiene un formato diferente; allí, los datos, están guardados de tal forma que podemos leerlos con JavaScript.

Esto parece algo complicadísimo pero en realidad no lo es ... bueno, más o menos. En términos generales, para hacerlo sólo necesitamos dos cosas, cargar el script indicando que queremos que esté en ese formato y tener alguna función que lo interprete o lo manipule:

<script type="text/javascript">
  function leerfeeds(json) {
    // esta es la función y aquí haremos algo
  }
</script>

<script src="http://miblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=leerfeeds"></script>

Esto suele ser mucha información, demasiada, así que, generalmente, se nos dice que agreguemos parámetros para indicar la cantidad de información que solicitamos o la forma en que queremos que se nos envie. Por ejemplo, así solicitamos que nos envien sólo las últimas diez entradas, ordenadas por fecha:

<script src="http://miblog.blogspot.com/feeds/posts/default?max-results=10&orderby=published&alt=json-in-script&callback=leerfeeds"></script>

Claro, una de las claves es justamente, resolver eso de "aquí haremos algo" pero empecemos por saber qué datos son accesibles y cómo leerlos así que vamos a ver cómo sería una función elemental:

<script type='text/javascript'>
//<![CDATA[
function leerfeeds(json) {

  var entry, posttitle, posturl, postimg, postcontent, postcategoria, postfecha;
  var numposts = 10; // la cantidad de entradas a leer

  // con un bucle, leemos las diez entradas que solicitamos, una por una
  for (var i = 0; i < numposts; i++) {

    // los datos de cada entrada se guardan en la variable entry
    entry = json.feed.entry[i];
    // como puede ser que no haya tantas entradas como solicitamos, si ya no hay más, terminamos
    if (i==json.feed.entry.length) { break; }

    // el título de la entrada lo leemos leyendo entry.title.$t
    posttitle = entry.title.$t;

    // la URL de la entrada hay que buscarla ya que hay varias
    // una contiene la URL del blog, otra la de la entrada, otra la de los archivos adjuntos, etc
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        // la encontramos: esta es la direccion URL de la entrada
        posturl = entry.link[k].href;
        break;
      }
    }
    
    // buscamos el contenido de la entrada que puede estar completa o no
    postcontent = "";
    if ("content" in entry) {
      // el contenido de la entrada en un feed completo
      postcontent = entry.content.$t;
    } else if ("summary" in entry) {
      // el contenido de la entrada en un feed corto
      postcontent = entry.summary.$t;
    }
    // en ambos casos, el contenido es nuestra entrada en formato HTML

    // y hay muchos más datos que pueden ser leidos

  /*
    entry.category[] y entry.category[x].term nos permitirá leer las etiquetas que tiene esa entrada
    entry.published.$t es la fecha de publicación
    entry.updated.$t es la fecha de la ultima actualización
    entry.author[] y entry.author[x].name.$t nos permitirá leer el nombre de los autores
  */

    // ..........................................
    // ya tenemos los datos así que acá vamos a escribirlos en nuestra página
    // ..........................................

  }
}

//]]>
</script>

¿Cómo escribirlos? No hay una sola forma de hacerlo sino tantas como diseños se nos ocurran así que eso lo veremos luego ...

REFERENCIAS:Google Code

Las direcciones URL de las entradas de Blogger

Estamos en el editor de entradas, escribimos. Colocamos el título; pulsamos el botón Publicar Entrada. Salvo que hayamos cometido algún error, todo es perfecto y ya tenemos una página más en nuestro blog. Basta hacer click en Ver Entrada y mirar lo que dice la barra de direcciones del navegador para saber cuál es la URL de ese post.

Y ahora vienen algunas respuestas a preguntas surtidas.

1. ¿Puedo cambiar la URL de una entrada?

No. Blogger no lo permite. Una vez que publicamos algo, esa dirección no cambiará jamás; se crea de modo automático de acuerdo al título que le hayamos colocado, ignorando cualquier carácter especial así que si nuestro título es tan exótico como:
áéíóú¿?¡!"'|@#$%&/()=[]{}:;
la URL generada será tan simple como:
http://miblog.blogspot.com/xxxx/xx/aeiou-xxx.html

Todas esas direcciones se generan del mismo modo, adicionando el año y el mes a nuestro home y terminando con el título donde se reemplazan los espacios por guiones.

2. ¿Si cambio el título cambia la URL?

No; una vez publicada una entrada, podemos editarla mil veces, cambiar su título y su contenido pero la dirección seguirá siendo la misma; la única forma de cambiarla es borrándola y creando una nueva entrada.

Esa limitación, permite que la URL y el título sean diferentes, algo que puede ser interesante en algunos casos.

3. ¿Y si la publico sin título?

En ese caso, Blogger tomará las primeras palabras que encuentre para generar la dirección ... y si no hay nada de nada puede aparecer cualquier cosa pero siempre habrá algo:
http://miblog.blogspot.com/xxxx/xx/blog-post.html

4. Ah ... pero si cambio la fecha de la entrada, ¿entonces sí cambiará?

No. No cambia nunca, nunca, nunca. Si hicimos una entrada en noviembre de este año, veremos esta URL:
http://miblog.blogspot.com/2010/11/mientrada.html
si luego cambiamos la fecha por cualquier otra, ya sea mes o año, la URL seguirá inamovible aunque el post se ordenará correctamente tanto en el escritorio de Blogger como en el elemento Archivos.

5. ¿Hay alguna forma de hacer que las URLs de Blogger tengan otra estructura?

Sólo una que yo conozca y es espantosa. Hay que ir a Configuración, Archivos y allí, marcar NO en esta opción:

¿Habilitar páginas de entrada?

Para eso, deberemos deshabilitar el formulario de comentarios incrustado y las URLs generadas serán tan bonitas como estas:
http://miblog.blogspot.com/index.html#4521163934779049894
http://miblog.blogspot.com/2010_11_01_archive.html#4521163934779049894

Mucho cuidado con esto último porque en ese caso, las direcciones cambian y si pretendemos entrar en una página con una dirección "vieja", nos mostrará un error.

Suscribirse a la entradas

Vagabundia

Mantener actualizadas las librerías de Google

Cajas en forma de burbuja

Blogger: Nueva opción para los feeds

Iconos en blanco y negro y algo más

Starbursts: Insignias animadas con CSS3

El misterioso JSON

Las direcciones URL de las entradas de Blogger

últimas entradas

la puerta abierta

las etiquetas

Páginas

Glyphish Icons
Contiene 200 íconos de diferentes tamaños, en formato PNG. descargar

Mono Gradient Icons Set
Contiene 180 íconos de de diferentes tamaños, en formato PNG. descargar