GoObOaGmLaE |
Según dice Google Blogoscoped y otros medios incluyendo el Wall Street Journal, Obama (el electo presidente de USA Inc por si no lo escucharon nombrar) ha elegido a Eric Schmidt como uno de sus asesores en economía.
¿A quién le importa? pensarán muchos. En realidad no sé pero lo curioso es que Eric Schmidt es uno de los gerentes ejecutivos de Google ... ¡ah, entonces importa!
¿Será por eso que Google se alegra del triunfo de Barack Obama como titula google.dirson.com? Es cierto que "el Director General de Google no ha ocultado su apoyo a los últimos candidatos demócratas a la Presidencia de la Casa Blanca y son públicas las aportaciones de varios miles de dólares de sus empleados." Algunos de los directivos de Google fueron asesores de campaña, Dan Siroker, responsable de productos en Google es uno de los directores de la campaña electoral de Obama.
¿Será por eso que Blogger tuvo un colapso en la gestión de comentarios justo en el momento de las elecciones? No, no hablo de conspiraciones sino de una sobresaturación de los servicios. Aunque no lo hayan reconocido, por lo menos eso puede deducirse leyendo la última entrada de Blogger Buzz donde, como al pasar, le pegan a su ¿ex-socio? Yahoo: Blogger.com - more like a big truck, less like a series of tubes ...
Traduzco mal pero no importa:
¿A quién le importa? pensarán muchos. En realidad no sé pero lo curioso es que Eric Schmidt es uno de los gerentes ejecutivos de Google ... ¡ah, entonces importa!
¿Será por eso que Google se alegra del triunfo de Barack Obama como titula google.dirson.com? Es cierto que "el Director General de Google no ha ocultado su apoyo a los últimos candidatos demócratas a la Presidencia de la Casa Blanca y son públicas las aportaciones de varios miles de dólares de sus empleados." Algunos de los directivos de Google fueron asesores de campaña, Dan Siroker, responsable de productos en Google es uno de los directores de la campaña electoral de Obama.
¿Será por eso que Blogger tuvo un colapso en la gestión de comentarios justo en el momento de las elecciones? No, no hablo de conspiraciones sino de una sobresaturación de los servicios. Aunque no lo hayan reconocido, por lo menos eso puede deducirse leyendo la última entrada de Blogger Buzz donde, como al pasar, le pegan a su ¿ex-socio? Yahoo: Blogger.com - more like a big truck, less like a series of tubes ...
Traduzco mal pero no importa:
Aquí en Blogger siempre estamos trabajando para hacer que el sitios y sus blogs funcionen más rápido y sean cada vez más fiables. Queremos que que ustedes piensen en nosotros como un gran camión: capaz de manejar todo lo que ustedes quieran "cargarnos".
La elección del martes fue una buena oportunidad para verificar que tamaño tiene actualmente el camión Blogger y estamos felices de reportar que en estos días, los blogs de Blogger en general han tenido un record de visitas aunque ha habido algunos problemas de tráfico.
En resumen, uno de los apóstoles del Dios Google se ha sentado a la diestra de quien gobierna el mundo y los deseos de una internet libre, neutral y descentralizada siguen perdiendo terreno frente a la realidad porque yo me imagino que ciertos apoyos no son gratis y en algún momento hay que pagarlos.
¿Pagarán ellos o pagaremos nosotros?
¿Pagarán ellos o pagaremos nosotros?
$startSide y $endSide |
Alguien cambió su plantilla y trató de cambiar algunos detalles pero, al intentar seguir un tutorial para modificar un pequeño detalle, se encontró con algo raro; no podía descubrir dónde estaban ciertas cosas; específicamente, la alineación de un elemento.
Parece simple para cualquiera con pocos conocimientos: buscar text-align: left; y cambiarlo por text-align: right; pero: ¡No encuentro text-align: left;! ¿Dónde está?
Y lo peor de todo es que tiene razón: no está.
Es que en los últimos tiempos, Blogger se ha encargado de complicar lo simple porque, como no saben solucionar problemas, parece que les gusta complicarnos la vida.
Una de las características del nuevo Blogger (el Blogger Beta que comenzó hace dos años) y sus nuevos modelos de plantillas es que han incluido la posibilidad de editarlas con algunas herramientas que, en teoría, hacen que todo sea más fácil. En mi opinión, esto es verdad sólo a medias ya que los usuarios de Blogger quieren más y apenas comienzan un blog se ponen a modificarlo y esas modificaciones suelen ser constantes y para eso, lo automático no es útil a menos que sepamos lo que estamos haciendo.
Una de esas opciones simplificadas es la solapa Diseño | Elementos de la página donde podemos agregar y editar elementos; otra es la solapa Diseño | Fuentes y colores donde podemos seleccionar los colores de ciertas cosas y las fuentes de texto que queremos usar. Para que esto último funcione, Blogger coloca esos datos en la plantilla utilizando una codificación especial que está definida al inicio de <b:skin>. Por ejemplo:
Parece simple para cualquiera con pocos conocimientos: buscar text-align: left; y cambiarlo por text-align: right; pero: ¡No encuentro text-align: left;! ¿Dónde está?
Y lo peor de todo es que tiene razón: no está.
Es que en los últimos tiempos, Blogger se ha encargado de complicar lo simple porque, como no saben solucionar problemas, parece que les gusta complicarnos la vida.
Una de las características del nuevo Blogger (el Blogger Beta que comenzó hace dos años) y sus nuevos modelos de plantillas es que han incluido la posibilidad de editarlas con algunas herramientas que, en teoría, hacen que todo sea más fácil. En mi opinión, esto es verdad sólo a medias ya que los usuarios de Blogger quieren más y apenas comienzan un blog se ponen a modificarlo y esas modificaciones suelen ser constantes y para eso, lo automático no es útil a menos que sepamos lo que estamos haciendo.
Una de esas opciones simplificadas es la solapa Diseño | Elementos de la página donde podemos agregar y editar elementos; otra es la solapa Diseño | Fuentes y colores donde podemos seleccionar los colores de ciertas cosas y las fuentes de texto que queremos usar. Para que esto último funcione, Blogger coloca esos datos en la plantilla utilizando una codificación especial que está definida al inicio de <b:skin>. Por ejemplo:
<Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> ....... <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
Si miramos el atributo name de cada una de esas definiciones, veremos que luego, ese es el dato que se incluye como propiedad, anteponiendole el carácter $. Por ejemplo, name="bgcolor" será $bgcolor y se usará así:
color:$bgcolor;
Hasta ahí, no habría mayores problemas, podrá sernos útil o no pero es coherente. Sin embargo, ahora han agregado dos datos que confunden: $startSide y $endSide que son los que confunden.
Seguramente, esto sigue el mismo criterio de agregar en muchas etiquetas el atributo dir que especifica la forma en que el navegador debe mostrar un sitio web. Cuando el valor es rtl el contenido se muestra de derecha a izquierda y la barra de desplazamiento se muestra a la izquierda. Cuando el valor es ltr el contenido se muestra de izquierda a derecha y la barra de desplazamiento se muestra a la derecha, lo que es lo normal para nosotros.
Así que, a los efectos prácticos:
$startSide equivale a left
$endSide equivale a right
Y en ambos casos, podemos eliminar esa variable y directamente usar el valor normal porque es lo razonable aunque a Blogger le parezca lo contrario.
Seguramente, esto sigue el mismo criterio de agregar en muchas etiquetas el atributo dir que especifica la forma en que el navegador debe mostrar un sitio web. Cuando el valor es rtl el contenido se muestra de derecha a izquierda y la barra de desplazamiento se muestra a la izquierda. Cuando el valor es ltr el contenido se muestra de izquierda a derecha y la barra de desplazamiento se muestra a la derecha, lo que es lo normal para nosotros.
Así que, a los efectos prácticos:
$startSide equivale a left
$endSide equivale a right
Y en ambos casos, podemos eliminar esa variable y directamente usar el valor normal porque es lo razonable aunque a Blogger le parezca lo contrario.
Nada de nada |
Modificando las plantillas (Tutorial 2: Widebars) |
Continuando con la idea de modificar la estructura de una plantilla, hasta acá tenemos el esquema tradicional de un blog, encabezado, las entradas a la izquierda, la sidebar a la derecha y un pie de página. La ubicación de entradas y sidebar es fácilmente modificable ¿queremos invertirlas? basta invertir la flotación de ambos rectángulos.
#main-wrapper {
.......
float: right; /* cambiamos left por right */
}
#sidebar-wrapper {
.......
float: left; /* cambiamos right por left */
}La sidebar que hemos creado es muy ancha y eso no es casualidad ya que ahora que tenemos todo preparado vamos a agregar otras debajo de ella siguiendo el mismo esquema que explica Gem@ 
.
Para esto, ya no sólo tendremos que modificar el CSS sino agregar código pero, lo haremos de la manera simple, sin expandir los artilugios para que no nos de un ataque al ver tanta cosa escrita.
Si vamos hasta casi el final de la plantilla, lo que veremos es algo así:
.Para esto, ya no sólo tendremos que modificar el CSS sino agregar código pero, lo haremos de la manera simple, sin expandir los artilugios para que no nos de un ataque al ver tanta cosa escrita.
Si vamos hasta casi el final de la plantilla, lo que veremos es algo así:
<div id="sidebar-wrapper"> <b:section class="sidebar" id="sidebar" preferred="yes"> ....... </b:section> </div>
Y allí en el medio aparecerán cosas como:
<b:widget ....... />
Que son cada uno de los elementos que tenemos en la sidebar y que no tocaremos. Lo que haremos es copiar el código sin eso y lo pegaremos dos veces debajo de </b:section> para crear dos nuevas sidebar. Luego, les cambiaremos los nombres y quedará algo así:
<div id="sidebar-area"> <div id="sidebar-wrapper"> <b:section class="sidebar" id="sidebar" preferred="yes"> ....... </b:section> </div> <div id="sidebar-derecha"> <b:section class="sidebar" id="sidebarderecha" preferred="yes" /> </div> <div id="sidebar-izquierda"> <b:section class="sidebar" id="sidebarizquierda" preferred="yes" /> </div> </div>
Pero, fíjense que todas está dentro de otro DIV. Es que para evitar problemas indeseados vamos a utilizar un viejo truco que siempre nos saca de apuro: cuando haya varios rectángulos flotando que no podemos o no sabemos controlar, coloquemos todos ellos en un contenedor, en otro rectángulo más grande así que "envolvemos" las tres sidebars en un DIV al que en un rapto de originalidad llamé sidebar-area.
Es muy importante tener en cuenta que a las dos angostas, aunque sean iguales, debemos colocarles atributos id con nombres diferentes ya que en una pagina web, los ids son nombres únicos, no puede haber dos iguales. Por el contrario, las clases pueden ser las mismas y por eso no la cambiaremos ya que las características de los elementos será la misma (por supuesto, si queremos que se vean diferentes, les pondremos tambien clases diferentes y deberemos definirlas).
Nuevamente, vamos al CSS y agregamos las definiciones de estilo para estas dos sidebars que serán casi iguales que las de sidebar-wrapper (la superior, la que quedará ancha). Ambas flotarán a la derecha y la suma de sus anchos no deberá superar los 390 pixeles que es el ancho de la superior así que le daremos a cada una un poco menos de la mitad para separarlas entre si con un margen:
190 + 5 + 5 + 190 = 390
Es muy importante tener en cuenta que a las dos angostas, aunque sean iguales, debemos colocarles atributos id con nombres diferentes ya que en una pagina web, los ids son nombres únicos, no puede haber dos iguales. Por el contrario, las clases pueden ser las mismas y por eso no la cambiaremos ya que las características de los elementos será la misma (por supuesto, si queremos que se vean diferentes, les pondremos tambien clases diferentes y deberemos definirlas).
Nuevamente, vamos al CSS y agregamos las definiciones de estilo para estas dos sidebars que serán casi iguales que las de sidebar-wrapper (la superior, la que quedará ancha). Ambas flotarán a la derecha y la suma de sus anchos no deberá superar los 390 pixeles que es el ancho de la superior así que le daremos a cada una un poco menos de la mitad para separarlas entre si con un margen:
190 + 5 + 5 + 190 = 390
#sidebar-area {
float: right; /* flota a la derecha */
width: 390px; /* es tan ancha como la sidebar superior */
}
#sidebar-derecha {
float: right; /* flota a la derecha */
margin-left: 5px; /* margen izquierdo */
overflow: hidden;
width: 190px;
word-wrap: break-word;
}
#sidebar-izquierda {
float: right; /* flota a la derecha */
margin-right: 5px; /* margen derecho */
overflow: hidden;
width: 190px;
word-wrap: break-word;
}Guardo la plantilla y, para que se vea algo de lo modificado puedo hacer dos cosas, o le agrego elementos (es lo que se verá en el ejemplo) o bien, le agrego a lo anterior un par de definiciones:
background-color: red; height: 300px;
Con height le damos una altura y con background-color un color de fondo; esas dos propiedades luego se pueden eliminar.
¿Y si nuevamente, en lugar de querer ese esquema, se nos ocurre poner todo del otro lado, invertimos los valores de la flotación de main-wrapper y de sidebar-area. Lo que está como left lo ponemos como right y viceversa.
¿Y si nuevamente, en lugar de querer ese esquema, se nos ocurre poner todo del otro lado, invertimos los valores de la flotación de main-wrapper y de sidebar-area. Lo que está como left lo ponemos como right y viceversa.
¿Será posible ahora agregar una nueva sidebar ancha debajo de estas? Si a alguien le parece que esto es una telenovela por capítulos, tiene razón ...
REFERENCIAS:
¿Por qué se han perdido algunos favicons? |
Leyendo una de las últimas entradas de El escaparate de Rosa 
veo que el problema de los favicons es más o menos generalizado ya que, al igual que ella, son muchos los que han consultado porque de un dia para el otro dejaron de funcionar.
En su entrada dice que Blogger ha añadido una línea de código en la cabecera de las plantillas que anula el nuestro:
veo que el problema de los favicons es más o menos generalizado ya que, al igual que ella, son muchos los que han consultado porque de un dia para el otro dejaron de funcionar.En su entrada dice que Blogger ha añadido una línea de código en la cabecera de las plantillas que anula el nuestro:
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>Ahora bien, yo no he visto ese código agregado a una plantilla pero, si lo he visto en el código fuente de muchos blogs lo que me llevó a pensar que tal vez, o no se agrega como LINK o sólo lo hace a veces y que en realidad, forma parte de una serie de códigos que incluye Blogger por defecto y que se cargan mediante esta instrucción:
<b:include data='blog' name='all-head-content'/>Como una página web es secuencial, es decir, se va creando en orden, tal como vemos la plantilla y, como el favicon personal suele estar debajo de la etiqueta TITLE y ese INCLUDE de Blogger se escribe después (o Blogger mismo los pone en ese orden cuando genera las páginas), nuestro favicon desaparece porque se sobrescribe.
La solución más simple, como dice Rosa, si está el código es eliminarlo pero, si no está (y creo que eso es lo más probable), tenemos dos alternativas. La primera es cambiar de lugar nuestro favicon y ponerlo al final del encabezado, es decir, después de </skin> o antes de </head> para estar seguros que se cargará al final (esta es la solución que una vez propuso Pizcos y que funciona perfectamente).
La otra posibilidad, la menos sencilla pero la que nos da un control sobre este y sobre cualquier otro cambio futuro, es eliminar directamente el INCLUDE y escribir los códigos de manera manual, para lo cual, debemos entender que es lo que genera Blogger con esa instrucción y eso, podemos verlo fácilmente si miramos el ódigo fuente de nuestro sitio.
La solución más simple, como dice Rosa, si está el código es eliminarlo pero, si no está (y creo que eso es lo más probable), tenemos dos alternativas. La primera es cambiar de lugar nuestro favicon y ponerlo al final del encabezado, es decir, después de </skin> o antes de </head> para estar seguros que se cargará al final (esta es la solución que una vez propuso Pizcos y que funciona perfectamente).
La otra posibilidad, la menos sencilla pero la que nos da un control sobre este y sobre cualquier otro cambio futuro, es eliminar directamente el INCLUDE y escribir los códigos de manera manual, para lo cual, debemos entender que es lo que genera Blogger con esa instrucción y eso, podemos verlo fácilmente si miramos el ódigo fuente de nuestro sitio.
Lo primero que se agrega son una serie de etiquetas META:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> especifica la codificación de caracteres y el tipo de contenido <meta content='true' name='MSSmartTagsPreventParsing'/> es un atributo introducido por Microsoft para evitar que una página mostrase las SmartTags, algo que nunca llegó a implementarse en los navegadores así que no tiene uso práctico <meta content='blogger' name='generator'/> indica quién es el creador de la página web
Luego, sigue el famoso y controversial ícono por defecto. Mientras nadie me explique el motivo de su inclusión, me parece un agregado absurdo:
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
Continúa la sindicación de feeds:
<link rel='alternate' type='application/atom+xml' title='Nombre del blog - Atom' href='http://Nombre del blog/feeds/posts/default' /> <link rel='alternate' type='application/rss+xml' title='Nombre del blog - RSS' href='http://Nombre del blog/feeds/posts/default?alt=rss' /> <link rel='service.post" type="application/atom+xml' title="Nombre del blog - Atom' href='http://www.blogger.com/feeds/IDdelBlog/posts/default' /> <link rel='EditURI' type='application/rsd+xml' title='RSD' href="http://www.blogger.com/rsd.g?blogID=IDdelBlog' />
Donde sólo varían el Nombre del blog y el IDdelBlog que es un número único que nos identifica.
Por último, dos códigos más:
Por último, dos códigos más:
<link rel='me' href='http://www.blogger.com/profile/XXXXXXXXXX' /> no sé de donde sale el número ese pero, es probable que tenga que ver con Google Profile <link rel='openid.server' href='http://www.blogger.com/openid-server.g' /> es la manera de integrar OpenID directamente con nuestra cuenta de Blogger
¿Y por qué Blogger no avisa de estos cambios para que podamos estar atentos y solucionar los detalles? Debe ser porque le gusta que juguemos a los detectives.
Y sigamos siguiendo |
Voy a replantear las cosas para aclarar lo que se pueda sobre el tema del gadget Seguidores.
La conversación parece haberse desviado de lo que era el espíritu del post pero eso no tiene importancia ya que creo que uno la empieza pero no sabe donde puede terminar, esos caminos que se abren enriquecen el tema pero, en este caso en particular parece haber algo de confusión y, más allá de las opiniones sobre el gadget en si mismo, creo que deberíamos saber cómo funciona.
Primero que nada, para seguir un blog no es necesario que nosotros tengamos el gadget colocado ni es necesario que el blog que queremos "seguir" lo tenga. En realidad, el gadget no es otra cosa que una posibilidad visual de mostrar algo que Blogger ha incorporado y que es, para decirlo mal y pronto, un mini-lector de feeds.
Basta ir al escritorio de Blogger y allí veremos las opciones.
La conversación parece haberse desviado de lo que era el espíritu del post pero eso no tiene importancia ya que creo que uno la empieza pero no sabe donde puede terminar, esos caminos que se abren enriquecen el tema pero, en este caso en particular parece haber algo de confusión y, más allá de las opiniones sobre el gadget en si mismo, creo que deberíamos saber cómo funciona.
Primero que nada, para seguir un blog no es necesario que nosotros tengamos el gadget colocado ni es necesario que el blog que queremos "seguir" lo tenga. En realidad, el gadget no es otra cosa que una posibilidad visual de mostrar algo que Blogger ha incorporado y que es, para decirlo mal y pronto, un mini-lector de feeds.
Basta ir al escritorio de Blogger y allí veremos las opciones.
AÑADIR nos abrirá una ventana donde podemos ingresar o la URL del sitio o la del feed de cualquier blog. En el segundo paso, nos dará la opción de hacer este "seguimiento" de manera pública (quien seguimos verá que lo seguimos) o de manera anónima (que es la forma tradicional en que funciona cualquier suscripción de feeds).
Cuando digo que podemos ingresar la URL del sitio o la del feed no es intrascendente. En un blog alojado en Blogger, ya sea en blogspot.com o en un dominio propio, basta poner la dirección del sitio pero, colocando la dirección del feed de Feedburner, por ejemplo, podemos agregar y "seguir" cualquier otro, esté alojado en Blogger o no. Como muestra, agregué Infinitos Mundos que está alojado en un servidor propio que corre bajo WordPress.
Como con cualquier suscripción, podemos dejar de seguir un blog con un click. La diferencia en este caso es que nosotros, como administradores de un sitio también podemos eliminar a los suscriptores, cosa que no podemos hacer con otros servicios. Aquí, lo llaman BLOQUEAR y basta hacer click en ese botón para eliminarlo, lo que no significará que no pueda suscribirse por otro medio ya que, nuestros blogs son públicos y no privados.
En todo caso, parece que el temor o la preocupación es que los "seguidores" no sean otra cosa que "buscadores de enlaces o publicidad gratuita". Realmente no sé si será así pero, en todo caso, la realidad es que si alguien está siguiendo un blog por ese motivo, se equivoca y no por razones éticas sino técnicas.
Los enlaces que se muestran no son indexados ya que poseen el atributo nofollow y fuera del gadget, están en páginas dinámicas que Google no indexa.
En ese sentido, es lo mismo que colocar una URL dentro de un comentario, aunque el administardor del sitio haya eliminado el nofollow de su plantilla, Blogger maneja el contenido de los comentarios en si mismos y agrega el atributo a cualquier enlace sin que nosotros podamos hacer nada para impedirlo. Esto mismo es lo que hace cualquier otro sistema de blogs, incluyendo WordPress. El spam dejado con este tipo de procedimientos es inócuo, molesto, pero inócuo. Seguir un blog jamás genera enlaces.
Y tal vez, hilando fino, la clave de todo está allí. Lo que ha agregado Blogger no es una red social ni nada semejante. No creo que pretenda que esta herramienta sea algo para fomentar los blogs en si mismos; en mi opinión, el gadget es sólo una partecita intrascendente, lo que ha hecho Google es integrar Blogger y Google Reader agregándo ese lector de feeds interno que es la forma de promocionar los servicios que le interesan: Google Reader y Google Docs son los servicios mimados de Google, aquellos sobre los cuales pone todo su esfuerzo y donde más desarrollo se ve. No es casualidad que cuando "seguimos" un blog, este se agregue automáticamente a Google Reader, es parte de la pelea por el control de la web.
Los enlaces que se muestran no son indexados ya que poseen el atributo nofollow y fuera del gadget, están en páginas dinámicas que Google no indexa.
En ese sentido, es lo mismo que colocar una URL dentro de un comentario, aunque el administardor del sitio haya eliminado el nofollow de su plantilla, Blogger maneja el contenido de los comentarios en si mismos y agrega el atributo a cualquier enlace sin que nosotros podamos hacer nada para impedirlo. Esto mismo es lo que hace cualquier otro sistema de blogs, incluyendo WordPress. El spam dejado con este tipo de procedimientos es inócuo, molesto, pero inócuo. Seguir un blog jamás genera enlaces.
Y tal vez, hilando fino, la clave de todo está allí. Lo que ha agregado Blogger no es una red social ni nada semejante. No creo que pretenda que esta herramienta sea algo para fomentar los blogs en si mismos; en mi opinión, el gadget es sólo una partecita intrascendente, lo que ha hecho Google es integrar Blogger y Google Reader agregándo ese lector de feeds interno que es la forma de promocionar los servicios que le interesan: Google Reader y Google Docs son los servicios mimados de Google, aquellos sobre los cuales pone todo su esfuerzo y donde más desarrollo se ve. No es casualidad que cuando "seguimos" un blog, este se agregue automáticamente a Google Reader, es parte de la pelea por el control de la web.
Para nosotros, simples usuarios, esta palabra "Seguidores" entonces se hace aún menos razonable ya que en realidad, el gadget no es más que una forma de suscripción a los feeds de un sitio como cualquier otra herramienta externa y entonces, usarlo o no usarlo es ya personal y tiene que ver con la comodidad o los gustos personales. De todas formas, lo más probable es que Google continue en el camino de integrar sus servicios unos con otros y veremos muchas más de estas cosas en el futuro. Microsoft no es el único al que le gustan los monopolios.
