Entradas aleatorias en los blogs de Blogger

Puede ser interesante permitir al visitante del blog navegar aleatoriamente por las entradas del mismo.
Es algo parecido a los posts relacionados pero, en este caso, independientes del tema concreto o de la etiqueta con la que hayamos podido marcar la entrada.
He buscado en Internet y he encontrado dos posibles soluciones que me han gustado.
La primera es un vínculo que se hace desde un texto o desde una imagen.
La segunda es un listado de hiperenlaces que se carga automáticamente cada vez que se abre el blog.
Vayamos por partes.

Leer más >>

Favicon en los blogs de Blogger (in draft)

Desde principio del mes de julio, Blogger ha extendido a todos los usuarios de su modo "in draft", mejoras y cambios importantes en la interfaz de edición del blog.
Hasta el 7 de julio, y durante los dos meses anteriores, lo ha ido haciendo poco a poco hasta llegar a todos los usuarios de este modo de edición "in draft" que permite ir probando las nuevas funcionalidades antes de ser extendidas a todos los demás "bloggers".
Básicamente, los cambios afectan al diseño e interfaz pero, entre las pocas nuevas funcionalidades, destaca la posibilidad de incorporar un "favicon" desde el panel de edición del blog.
¿Qué es el favicon?

Leer más >>

Configuración del blog de Blogger para dispositivos móviles

Si quieres mejorar la visualización de tu blog de Blogger en dispositivos móviles, lo puedes hacer configurando el blog en este modo.

Leer más >>

Marcadores sociales en un único botón para Blogger

Hace ya un tiempo (octubre del 2007), comentábamos la imposibilidad de incluir el botón "Compártelo" en las entradas de los blogs de Blogger.
Como solución alternativa (y un poco complicada) descubrimos la que nos proponían desde Blog an Web. Es la que hemos venido utilizando desde entonces en este blog.
Pero el listado de servidores de marcado social no para de crecer. Con lo que las actualizaciones que en su momento hicimos para Mister Wong había que ir haciéndolas para otros servicios emergentes como diigo que no existía en aquellos momentos.
Se trata de buscar nuevas soluciones.
Máxime cuando ya en Blogger empieza a funcionar el botón ShareThis.
Los primeros intentos que hacía para colocarlo en este blog fracasaban.
Sí que lo hacían correctamente en otros blogs también de Blogger.
Pero no en el balcón abierto.
Seguramente que el colocado automático chocaba con alguna modificación del código que he ido haciendo a lo largo de todo este tiempo.
Al final lo he conseguido.
¿Cómo?

Leer más >>

Estadísticas para los blogs de Blogger

El pasado 1 de julio, Blogger incorporó una importante función a sus utilidades.
Se trata de la nueva pestaña Estadísticas que se muestra en el panel de edición de nuestro blog.
De momento sólo se ha incorporado a la versión draft del diseño.

Leer más >>

Diseño personalizado de las plantillas de Blogger

Estamos de enhorabuena.
Blogger acaba de incorporar una nueva función para rediseñar las plantillas en las que se muestran los blogs.
De momento, sólo está disponible en la opción "draft", que comentábamos hace unos días.
Para poder editar la plantilla, tenéis que cambiar las "www" de la URL de vuestro panel de edición del blog por la palabra "draft".

Leer más >>

Páginas estáticas definitivamente incorporadas en Blogger

Hace tiempo que se peleaba el que Blogger incorporase algo tan elemental como páginas estáticas (muchos de sus competidores lo hacen desde siempre...). Si alguien no sabe muy bien de qué estamos hablando, las páginas estáticas son aquellas que permiten incorporar contenido más o menos estable que se muestra en el blog de forma independiente de la continua incorporación de las nuevas entradas.
Blogger llama al contenido principal del blog "Página principal". Las páginas estáticas pueden ser editadas con el nombre que queramos ponerle a cada una de ellas: Acerca de..., Otros blogs, ...

Leer más >>

¿Partición de entradas ("Leer más") por fin en Blogger?

Una de las utilidades más unánimemente solicitadas a Blogger era (y sigue siendo) la posibilidad de partir la entrada en un encabezado inicial y una parte de continuación, de acceso voluntario, a través del vínculo Read more o Leer más que, por otro lado, tienen muchos de los servidores de blogs y que, sorprendentemente, no había habilitado hasta el momento Blogger.

Parece que ya está en la tarea.

De momento, sólo se puede hacer desde la edición de prueba de los blogs. Edición accesible a todos los usuarios que lo quieran experimentar.

Leer más >>

Tablas en las entradas de los blogs de Blogger

Las tablas son algo casi imposible en las entradas de los blogs de Blogger.
En alguna ocasión, me he peleado "a muerte" con ellas.
Acabo de descubrir en el blog Vagabundia un truco que hace algo más sencillo la inserción de una tabla.
Se trata, simplemente, de eliminar en el código correspondiente, los saltos de línea.
Es decir, en lugar de escribir:
<table>
<tr>
<td>...
Escribiremos:
<table><tr><td>...
Todo seguido...
Pongo un ejemplo con la oferta formativa de cursos presenciales para el 2º trimestre de este curso del CRIF "Las Acacias". En fondo de color, las actividades en plazo de inscripción. Pulsando sobre el nombre de cada actividad, se accede a la ficha del curso con toda la información.

Nombre del curso	Plazo de inscripción	Fechas de realización	Días semana	Horario
Radio por Internet	10/12/09 al 12/01/10	15/01/10 al 12/02/10	X y V	17:00 a 20:00 h.
Recursos para la pizarra digital interactiva	09/12/09 al 13/01/10	19/01/10 al 18/02/10	M y J	17:30 a 20:30 h.
Creación de murales y pósteres digitales	09/12/09 al 13/01/10	19/01/10 al 09/02/10	M y J	17:00 a 20:00 h.
Diseño 3D con Blender	18/01/10 al 08/02/10	15/02/10 al 22/03/10	L y X	17:00 a 20:00 h.
Los wikis, una herramienta colaborativa para el aula	18/01/10 al 05/02/10	11/02/10 al 09/03/10	M y J	17:00 a 20:00 h.
Revistas digitales para centros educativos	26/01/10 al 09/02/10	16/02/10 al 09/03/10	M y J	17:00 a 20:00 h.
Aprender a aprender con mapas conceptuales y esquemas visuales	01/02/10 al 22/02/10	02/03/10 al 23/03/10	M y J	17:30 a 20:30 h.
Redes sociales en educación	01/02/10 al 22/02/10	02/03/10 al 08/04/10	M y J	17:00 a 20:00 h.
Páginas web dinámicas. Drupal	03/03/10 al 17/03/10	06/04/10 al 06/05/10	M y J	17:30 a 20:30 h.
Administración de aulas de Informática con MAX	08/03/10 al 19/03/10	07/04/10 al 28/04/10	L y X	17:00 a 19:00 h.

Taller de multimedia para el blog.

En el mes de julio del pasado año fue el último de los talleres que se organizaron dentro del Congreso Nacional de Internet en el Aula. En el mes de octubre llevamos a cabo una segunda convocatoria. Ahora repetimos prácticamente el mismo taller en nuestro blogaula, el aula virtual de Aulablog.
Será un placer compartir ahora con los socios y amigos de Aulablog que lo deseen, este recorrido por alguna de las posibilidades de la multimedia en los blogs de Blogger.
Esta vez, haremos el camino sin el agobio de rendir cuentas a ninguna administración.
A nuestro aire.
Al aire que cada uno de los participantes le queramos dar.
Y cuento con la ayuda de tres ex alumnos. Compañeros que han participado brillantemente en las convocatorias anteriores.
Empezando por Marifé Lara que realizó el taller de julio y que ahora se volvía a apuntar sin saber que era la misma actividad. Cuando le he sugerido que podía estar de colaboradora no lo ha dudado. Será un placer.
Y siguiendo por dos de los mejores alumnos de la convocatoria de octubre: César Poyatos y Marcos Cadenato. Dos estupendos compañeros que nunca se niegan a nada de lo que se les sugiere.
Nuestra aventura comenzará el próximo lunes. De momento, si estás interesado/a, envía un mensaje de correo a tutor@aulablog.com. No tardes mucho. Plazas limitadas.

¿Qué le falta a Blogger? ¿Qué no funciona bien?

1.- Partición de las entradas.

La solución que descubrimos gracias a Leonor no es demasiado amigable.

2.- Estadísticas de lecturas de las entradas.

No tenemos ni idea qué entradas son las más/menos visitadas de nuestro blog. A veces sólo por los comentarios... Ésta es una de las más visitadas de este blog.

3.- Posibilidad de incrustar y leer archivos sonoros desde el propio blog.

Hay que hacerlo empleando otros servidores para alojar el archivo sonoro y el reproductor...

4.- Posibilidad de incrustar multimedia en los comentarios.

Y mejorar el tema del formato de texto en estos comentarios.

5.- Páginas estáticas.

Estaría fenomenal esta posibilidad. Desarrollar temas sin necesidad del formato predeterminado del blog...

6.- Problema de lectura/edición de iframes.

Ya hemos comentado la imposibilidad de reeditar un iframe incrustado a menos que tengamos la precaución de publicar desde el modo Edición de HTML.

7.- Imposibilidad de elegir la carga de un enlace en ventana nueva. Hay que hacerlo en el código. No se puede hacer en la lista de enlaces de la barra lateral.

Para mí, es un problema grave. Las reglas de estilo de edición web, dicen que los vínculos a sitios ajenos, deben cargarse en ventana nueva. Los vínculos dentro de nuestro sitio, en la misma ventana. En Blogger, por defecto, todos los vínculos se cargan en la misma ventana. En las entradas, se puede editar el código con target=”_blank” pero no así en la sección de vínculos de la columna lateral.

8.- No poder sangrar el texto como uno desee. Hay que escribir tantas veces como sea necesario el "no_breaking_space" pero, a la mínima, se borra…

O justificamos a la derecha, o a la izquierda, o al centro, pero no podemos sangrar lo que nos parezca… Se puede hacer con el código pero… no funciona bien del todo.

9.- No poder despegar el título de la primera línea del contenido. Se puede escribir un <br>
pero, si se publica desde el modo Redactar, se borra...

En algunas plantillas, ésta en concreto, el título queda demasiado pegado al texto o al contenido del mismo… Yo escribo un salto de línea al principio pero… si edito y vuelvo a publicar desde Redactar… se borra…

Por lo demás, decir que Blogger funciona muy bien. Es muy estable y ha incorporado utilidades muy interesantes. Por ejemplo, la posibilidad de hacer (y cargar) copias de seguridad de nuestro blog.

Este artículo quiere estar abierto. ¿Eres usuario de Blogger y crees que tiene alguna otra mejora susceptible de ser incorporada? Háznoslo saber en los comentarios.

Partición de entradas en Blogger

Hace poco, con motivo del segundo cumpleaños de Lu en su A pie de aula en Blogger, se producía un pequeño debate en los comentarios de su post, sobre las ventajas e inconvenientes de Blogger frente a otros editores de blogs.

Alejandro decía que Blogger no incorporaba la opción de partición de la entrada de forma que, en el comienzo, se muestre sólo el titular y que, al pinchar en Leer más..., se pudiese acceder a todo el artículo. Leonor decía que sí que era posible y nos escribió una entrada en su blog para contárnoslo. Lo había visto aquí (Dummies Guide).

Yo he hecho una refundición de la entrada de Leonor y de la de Dummies Guide con una opción para poderlo copiar y pegar. (Igual hay algún fallo al copiar y pegar el código...).

CÓMO HACERLO
1.- Este fragmento de código hay que colocarlo justo por encima de la etiqueta
</head>
Es decir, en la parte de la cabeza del código de la plantilla.

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

2.- Luego, hay que encontrar el fragmento de código
<data:post.body/>
Y, justo debajo, pegar este fragmento de código (arrastra hacia abajo la etiqueta de fin de párrafo </p>):

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Sigue leyendo...</a>
</b:if>

3.- Después tienes que ir a Configuración > Formato y, en el cuadro de texto Plantilla de entrada, escribir:

Este es el principio de mi entrada.
<span class="fullpost">
Y éste es el resto.
</span>

Luego, al escribir la entrada, verás estas dos frases que te recordarán las posiciones de lo que va a ir en cabeza y lo que se verá posteriormente (tienes que cambiarlas cada vez por los textos correspondientes).

Sólo queda la opción para que este Leer más... no se vea en las entradas anteriores a esta incorporación...

Actualización (18/11/07): Tras mantener once días esta utilidad, me decido a quitarla del blog. Aquí queda explicado para el que lo quiera hacer. La verdad es que ha funcionado bien. He mirado el blog desde varios equipos, varios sistemas operativos, varios navegadores,... Dos son los problemas detectados. El primero es que la entrada, si es muy larga, va añadiendo espacio vacío por abajo que no se puede quitar. El segundo y más importante es que la partición se incorpora de forma automática a todas las entradas. El vínculo de Leer más... no se puede borrar en ningún caso. Esto es una pega importante pues los internautas que no saben de la historia del blog, se pueden sentir despistados al pinchar en el vínculo y observar el mismo artículo que ya han leído, sin ningún añadido... Creo que únicamente para blogs temáticos que traten un determinado tema siempre con la misma estructura de una introducción y un cuerpo... puede ser interesante. Para blogs como éste, no tiene mucho sentido. Así que nos despedimos del Leer más... de estos últimos días.

Probando el alojamiento de vídeos en el propio blog (Blogger)

Desde hace unos pocos meses, Blogger ha incorporado la posibilidad de cargar un vídeo en una entrada, de forma similar a como se viene haciendo con las imágenes.

Para ello, en el panel de edición de la entrada, pincharemos en el icono

Se nos abrirá el panel Añade un vídeo en tu entrada de blog en el que tendremos que elegir el archivo (.avi .mpg .mov .rm .wmv), ponerle un título, poner un tick en Acepto los términos y condiciones y, después, darle al botón SUBIR VÍDEO.

En ese momento, si estamos en la pestaña Redactar. veremos esta imagen:

Si estamos en la pestaña Edición de HTML, veremos esta otra:

En todo caso, en el final de la ventana, veremos el proceso de carga:

Es necesario no cerrar la página mientras se carga completamente el vídeo.
No hay que darle mucha importancia al mensaje de error que aparece algunas veces:

Cuando la carga se ha completado, todavía queda un importante proceso que consiste en el cambio de formato en el servidor. Normalmente, lleva un poco de tiempo...

Y, cuando ya esté todo listo veremos esto en la pestaña Redactar:

O esto otra, si estamos en la pestaña Edición de HTML

En ese momento ya podremos publicar nuestra entrada.
          

favicon en los blogs de Blogger

Se llama favicon (es una abreviatura del inglés: favorites icon), a un icono gráfico que muestran los navegadores más avanzados a la izquierda de la URL en la barra de direcciones.

Hasta hace muy poco, este icono gráfico, no era mostrado por el Explorer. En su última versión ya sí.

También se visualiza en las distintas pestañas del navegador:

Para crear un favicon, lo que tenemos que hacer es:
1.- Diseñarlo.
2.- Subirlo a internet. A un servidor distinto de Blogger.
3.- Vincularlo desde Blogger.

1.- Diseñarlo.
El icono es una imagen gráfica con la extensión .ico

Hay algunos programas especializados en la realización de esta tarea. Entre ellos, el IconForge o el Microangelo. No suelen servir los editores gráficos más conocidos...

Pero lo mejor, es elegir una herramienta on line que transforma automáticamente la imagen proporcionada en un icono. Mostrándote, a la vez, cómo se vería en la barra de direcciones del navegador. Dicha utilidad es el FavIcon from Pics.

Hay que tener en cuenta el tamaño del icono. El más apropiado es el de 16 x 16 píxeles. Si eliges otra medida, tendrá que ser modificada.

2.- Subirlo a internet.

Puedes emplear cualquier alojador del que puedas disponer y que sea compatible con el alojamiento de este tipo de archivos .ico Una posibilidad gratuita es Mediamax.

3.- Vincularlo desde el blog.

Simplemente, en la plantilla del blog, dentro del head, al final del mismo por ejemplo, tienes que colocar la siguiente línea de código:

<link rel="shortcut icon" href="http://ladireccionquesea.ico" />
Imagen del código:

Aunque he rehecho toda la información, este post se lo debo a Carlos Solamente. Muchas gracias.

Actualización (18/02/08): parece que MediaMax ha dejado de alojar correctamente los archivos .ico En este blog, ha dejado de visualizarse el favicon hace como un par de semanas. He revisado el tema y me he dado cuenta que es un error en el servidor. He cambiado el alojamiento. Ahora tengo el .ico en EducaMadrid. Todo vuelve a funcionar. Como hay pocos alojadores gratuitos compatibles con estas imágenes, estaría bien que si alguien conoce alguno, lo compartiese escribiendo en los comentarios...

Botones para marcadores sociales en Blogger

Los marcadores sociales (social bookmarkings) permiten almacenar nuestros favoritos, o marcadores, en la web. De tal forma que los tenemos disponibles desde cualquier ordenador en cualquier momento.

Estos favoritos, normalmente se hacen públicos, para ser compartidos por otros usuarios. Se clasifican, se etiquetan, se comparten, se votan…

El marcador social quizá más popular ha sido del.icio.us

Hace ya mucho tiempo coloqué en este blog (versión antigua) unas líneas de código que permitían al lector del artículo guardarlo en su cuenta de del.icio.us. Pinchando simplemente sobre el pequeño icono que aparece de forma automática al final de cada entrada.

Y, en este afán por la simplificación (para qué probar más utilidades si con una ya tenemos más que suficiente…) no hice demasiado caso a estos otros marcadores que iban apareciendo… Bueno, al menos, no me planteaba que los lectores tuviesen ese botón que les simplificara la tarea de almacenar directamente el artículo.

Hasta que Lourdes, Charo me hablan de las maravillas de Mister Wong. Sin duda influenciadas por Paco... Es otro marcador pero éste, está en español. Por otro lado, tiene una estética muy cuidada, es fácil de usar…

Este fin de semana he intentado que uno de los iconos de Mister Wong conviviese al final del artículo con el icono de del.icio.us. Sí que lo he conseguido pero, al pinchar sobre él, no guardaba la entrada sino la URL del blog entero. No era ésta la idea.

Así que he intentado otras soluciones.

Lo que está francamente bien es la posibilidad de que pinchando en un botón único se desplieguen los iconos de todos los marcadores para que el usuario que quiera emplear la herramienta de guardado (y sólo él) sea el que vea el listado de marcadores e iconos. El problema es que, según mis investigaciones, esto está habilitado sólo para WordPress.

No existe la misma posibilidad para Blogger.
Una pena…

Al final, he llegado a este sitio, y he implementado la solución propuesta. La pena es que nuestro Mr Wong no se encuentra en el listado de opciones. Pero se puede incorporar añadiendo un <li> más y pegando el código que se muestra en la web oficial en función del icono que se haya elegido.
Ver el código colocado en este blog con la incorporación del Mister Wong.

Otra opción para “wongear” es hacerlo manualmente o desde la barra de herramientas que se incorpora al navegador Firefox de manera muy sencilla y eficaz. Lo recomiendo…

Mudanzas

Me estaba dando una pereza tremenda. Pero sabía que, tarde o temprano, me tenía que meter a ello. El detonante han sido los botones para los marcadores sociales de los que hablaré en breve. No se podían incrustar en el viejo código de Blogger. Sin embargo sí, aunque con matices, en la versión actualizada. Así que, con todo el dolor de mi corazón, y temiéndome que voy a perder información casi con seguridad, me decido a cambiar...

Adíós a la doble configuración del blog ( Carolina Requena y sus trucos para establecer categorías en el blog...) Adiós a los javascripts que permitían abrir en ventana nueva adaptable de tamaño a algunos archivos que no cabían en el ancho dedicado a las entradas... Muchas cosas. Algunas de ellas las podré recuperar, al menos en parte, con paciencia... pero otras quedarán enterradas para siempre. No parece que esto de los blogs sea para personas a las que les cueste hacer borrones y cuentas nuevas cada poco... Pero todo sea por mejor.
Una cosa sí que me apetecía enormemente. Es la posibilidad de disponer de más ancho de pantalla para la escritura e incrustación de vídeos y animaciones de flash.
Blogger, de todas formas, proporciona cierta ayuda. En el momento de hacer la transición, te guarda on line una copia de la antigua plantilla.

Desde allí se pueden recuperar muchos de los elementos añadidos e incorporados a lo largo de los meses...

Borrón y cuenta nueva

Hace más de un año, exactamente el 10 de septiembre de 2004, comenzaba un blog que ha supuesto una importante experiencia de utilización de las tecnologías para comunicarme, para aprender, para conocer personas y experiencias,... una travesía singular que me ha creado un hueco en estas comunidades virtuales de internet.

De repente, el alojador del blog experimenta problemas y toda esta experiencia se desvanece en el ciberespacio... Parece premonitorio el logotipo que en su día elegí y el artículo que explicaba el por qué había elegido ese logotipo, que reflexionaba sobre lo efímero de estos escritos, de esta comunicación electrónica con desconocidos cibernautas.
Lo que no podía imaginar es que fuese "tan" efímera, tan poco duradera,... Bien es verdad que tengo copia de casi todos los artículos, de casi todas las imágenes,... pero la gracia de la bitácora no es el artículo concreto, ni las imágenes concretas,... el atractivo es la unión de escritos, con sus comentarios inmediatos o no... con los vínculos que adornan estos hipertextos, con las referencias a otros blogs y personas... en fin todo esto que hace de esta herramienta algo tan especial.
Me ha costado aceptar que Acelblog ya no funciona. De hecho todavía se carga, aunque con una lentitud exasperante, mi antiguo blog. Y me da una pereza tremenda reconstruir este espacio de ventanas para la reflexión personal y ajena, de vínculos a los amigos físicos o virtuales que me han enseñado tanto y me siguen orientando, de hacer cuenta nueva de un borrón que nunca hubiera querido hacer.
No en vano le había cogido un cariño especial a Acelblog y a César Laso, su creador. Sobre todo en su segunda etapa cuando me dejaba elegir absolutamente toda la estética del sitio. Cuando ya cambió a las plantillas predefinidas, empezaron los problemas... No puedo echar nada en cara a César. Más bien al contrario, agradecerle sus esfuerzos y su ilusión y acompañarle en ese dolor que supongo le produce el no poder seguir adelante con el proyecto. Un dolor que, imagino, le impide dar explicaciones de lo que está pasando a tantos que éramos ya los usuarios de su alojador de blogs.
He consultado a Francisco Muñoz sobre donde publicar mi blog y, al final, me he decidido por Blogger esperando una estabilidad que, por definición, no es fácil en este mundo tan inestable de internet y sus herramientas. Me molesta no poder cambiar algunos de los carteles del sitio que aparecen en el sempiterno English... aunque confío en que se pueda hacer pronto... y, sobre todo, deseo que esta cuenta nueva sea algo menos efímera, dure algo más, se mantenga en el ciberespacio creciendo poco a poco en contenidos y en calidad.
Ya veremos... dijo el ciego.