Ficheros de imagen externos en el blog

Una de las preguntas que más me suelen hacer los bloggers que empiezan a trabajar en su recién creada bitácora es el de un hosting para enlazar las imágenes desde los artículos que tienen en el blog. La cuestión es crear una cuenta en algún otro servidor que permita enlazar desde fuera las imágenes alojadas en sus servidores.

El problema de las imágenes está resuelta en Blogger, ya que nos permite guardarlas en sus propios servidores. Aún así, hay otros servicios gratuitos que también permiten guardar imágenes para enlazarlas desde fuera; aquí están tres de ellos:

• http://www.imagecave.com/
• http://tinypic.com/
• http://imageshack.us/

Aparte de estos sitios web de hospedaje de imágenes pensadas para ser publicadas en blogs, los estudiantes y profesores universitarios siempre tienen la opción de hospedar sus imágenes en los servidores universitarios haciendo FTP o SFTP con un programa cliente para estos protocolos. La ventaja de tener un servicio de estos últimos es que normalmente en ellos no hay trabas para poder subir cualquier tipo de archivo, es decir, ficheros con cualquier extensión o MimeType: .pdf, .txt, .odt, .mp3, .mpg... En los servicios de imágenes, por el contrario, hay extensiones que están capadas en los sistemas operativos de los servidores.

Pero veamos cómo debiéramos poner un vínculo a una imagen externa desde otro servidor que externo a Blogger. El código será el siguiente con un ejemplo ficticio en los servidores de una universidad:

<a href="http://www.ehu.es"><img src="http://.../iconos/imagen1.png" title="EHU" /></a>

Con este código XHTML (lo que está en color verde) es suficiente para enlazar un icono o fotografía alojada en un servidor externo a Blogger. Con la etiqueta A HREF (color rojo) conseguimos que la foto quede enlazada a una URL.

Etiqueta en Technorati: hosting Categorizado en: trucos Wikipedia: hosting

Hack para los comentarios recientes en Blogger

Este es el excelente hack del desarrollador Ebenezer Orthodoxy para crear un bloque de enlaces en la columna del blog, en donde mostremos los últimos comentarios hechos en nuestra bitácora. Una vez puesto el código en un bloque de la columna de la bitácora, el internauta y el propio autor pueden tener puntual referencia de los últimos comentarios hechos en los posts. El código entero se puede descargar desde mi servidor o podéis visitar el blog del autor en Blogspot. En las siguientes líneas pongo sólo el inicio del código para ver que ahí mismo podéis cambiar el nombre de "Comentarios recientes" por otro cualquiera en otro idioma. También podéis echar un vistazo a la implementción que he hecho de ello en esta misma bitácora, justo en la columna de la derecha de la página de entrada y debajo del bloque de artículos populares. Veamos el inicio del código y cómo cambiar el título del bloque para que nos aparezca lo que nosotros queremos en vez del Recent Commnets que viene por defecto. Como se puede ver en la línea 7 podemos cambiar el título (aparece abajo en color rojo). También es posible cambiar el número de comentarios reciente a mostrar; esto último se hace cambiando el número de la línea 8. Todo lo que falta en el hack es lo que hay que intentar no tocar y que aparece en el fichero que he dejado para descarga. Lo que igual alguien quiere cambiar, como he realizado yo en mi bitácora es el formato del título que por defecto va entre las etiquetas <h2>. Ese cambio se realiza dándole al título otra clase que vaya en conformidad con el diseño de los elementos de la columna. Mi enhorabuena a Ebenezer por el trabajo realizado.

1: <!-- **** FARRAGO RECENT COMMENTS HACK **** -->
2: <!-- Version 1.03 -->
3: <!-- Copyright © 2004 Ebenezer Orthodoxy -->
4: <!-- http://boggerhacks.blogspot.com -->
5: <!-- ************** OPCIONES *************** -->
6: <script type="text/javascript" language="JavaScript1.2">
7: var titleText = "Recent Comments";
8: var numberToShow = 5;
9: var displayTemplate = "[name]:<br/>[title]";
10: var nameIsLink = true;
11: </script>
12: <!-- ******* CÓDIGO que no hay que cambiar ***** -->
...
<!-- END FARRAGO RECENT COMMENTS HACK -->

Una vez puesto el hack, hay que fijar un bug o error ya que aparece el código NaNN al principio de cada comentario, algo que Ebenezer explica muy bien cómo corregir en su bitácora de Blogger Hacks. Lo único que hay que hacer para borrar ese código es ir al panel de administración del blog, hacer clic en la pestaña Opciones, ir a Configuración de Comentarios y cambiar la opción de la fecha por mm/dd/yyyy hh:mm:ss. Una vez hecho el cambio, se guarda todo y se refresca la página web para ver que ya no aparece al principio de cada item de comentario reciente el mencionado código. Yo he hecho la prueba de incluso cambiar posteriormente el formato de fecha a castellano, tras las indicaciones y he visto que el código no vuelve a aparecer. Probar es aprender.

Etiqueta en Technorati: hack Categorizado en: trucos Wikipedia: hack

El ping o llamada entre servidores

El ping es una llamada que se hace entre servidores para dar a conocer que se ha actualizado la información. En sí, el ping es una señal entre máquinas servidores, muy popular en el campo de GNU/Linux y de los weblogs o bitácoras, ya que la blogosfera se nutre de la actualización constante de contenidos y su recuperación inteligente por medio de pings, bots y arañas. La fuerza que adquiere una bitácora a la hora de establecer un método de participación de navegantes que aporten conocimiento o simplemente opinión, tiene una base fundamental precisamente en el sistema de pings, gracias al cual, avisamos a nuestros lectores sindicados que actualizamos contenidos o metemos nuevos en nuestro sistema en Blogger. El ping es pues una forma de avisar que tenemos contenido fresco en nuestro blog. En informática y entornos GNU/Linux se utiliza la utilidad ping para saber si hay conexión en Internet a otros servidores.

Etiqueta en Technorati: ping Categorizado en: conceptos Wikipedia: ping

Número total de artículos de la página de entrada en Blogger

Una de las preguntas que se suelen hacer los bloggers recien llegados a la blogosfera suele ser sobre el método que utiliza Blogger para controlar el número total de artículos que aparecen en la página de entrada del blog. Hay bitácoras en las que sólo se ven cuatro o cinco artículos en la entrada; otras, en cambio, muestran 18-20 artículos en la página-nido. Todo depende de la opción que tome el autor o autores del blog. Muchos piensan que hasta que la columna del blog no esté llena de bloques de enlaces conviene no meter mucho texto en la parte reservada a los posts. Todo es relativo. Pero veamos cómo podemos cambiar este parámetro en cualquier momento dentro del panel de administración de Blogger.

En Blogger, lo único que hay que hacer para modificar el número total de artículos a mostrar es ir a la pestaña Opciones y entrar en el submenú Formato. Una vez allí, el número total de posts puede ser establecido con dos parámetros: por entradas o por días. Lo más usual es hacerlo por entradas, a no ser que tenga un blog colectivo en el que se genere muchas entradas cada día de la semana, caso que no suele ser normal, ya que la mayoría de los blogs suelen ser personales. Al establecer por ejemplo el caso ficticio de 14 días, tenemos que tener en cuenta que conviene que aparezca contenido de los últimos días para que se vean artículos novedosos. De todas formas, Blogger nos recuerda que si seleccionamos la opción de días, se aplica un límite de 999 entradas.

Si el blog va a tener muchas fotografías e imágenes en sus artículos, es lógico bajar el número total de artículos que aparezcan en la página-nido, ya que cuantos menos tengamos la descarga de la información por parte del lector del blog va a ser más rápida. Un blog con 20 posts en la página web de entrada, siendo todos los artículos sólo textuales, puede ser una buena opción. Pero si tenemos la costumbre de incrustar imágenes en nuestros posts, lo lógico es bajar el número total a 10-15 posts en la página de entrada al blog.

En la imagen de arriba vemos que el número total en Bloggerlandia está establecido en 14 posts a mostrar en la página-nido de este web.

Cambiando la plantilla en Blogger

Tras la creación de la bitácora o blog, muchos son los bloggers que deciden cambiar la plantilla ya que la premura de tiempo a la hora de escoger la primera de todas les ha podido hacer pensar que hay mejores plantillas para su recien estrenado blog. Y así es, porque Blogger tiene en la pestaña Plantilla del administrador de contenido o backend de la aplicación, la cual nos sirve para cambiar de diseño por medio del menú Escoger nueva (plantilla). En este submenú, nos vamos a dar cuenta de que existen muchas más de las que nos enseñó Blogger a la hora de crear en tres pasos nuestra bitácora. Ahora, desde el menú escoger nueva plantilla podemos ver y analizar excelentes plantillas creadas por diseñadores amateurs y profesionales. Una plantilla lleva su hoja de estilo en cascada o CSS en la que se establece el diseño del frontend o parte delantera del blog: su presentación.

Por último, hay que tener en cuenta que las plantillas antiguas, si tienen cambios en el código, conviene cortarlas y pegarlas en un documento de texto puro (.txt) para en el futuro tener una referencia y como forma de hacer una copia de seguridad por si queremos volver a ponerla en un futuro.

Etiqueta en Technorati: CSS Categorizado en: plantillas

RSS, para sindicar los contenidos en Blogger

RSS son las siglas por las que se conoce la sindicación de contenidos en Internet. Es algo que se ha popularizado con la tecnología de bloguear y sus diferentes sistemas. RSS es un lenguaje de la familia del metalenguaje XML, que permite a un tercero poder coger el contenido de su blog y llevarlo a una aplicación agregadora para que cuando usted publique algo en su blog, ese contenido aparezca también en otros sitios. La ventaja es clara: escribimos en nuestra web y automáticamente ese contenido está apareciendo en más sitios web. El significado en inglés de RSS es Rich Site Summary o Really Simple Syndication, o lo que es lo mismo, Sumario de Sitio web Rico en Contenido o Sindicación Realmente Fácil. Y la facilidad, precisamente la da el que el usuario no tenga que hacer nada o casi nada para empezar a sindicar su contenido. Lo único que en algunos sistemas de blogs, como Blogger, hay que hacer es crear un enlace al archivo atom que siempre es algo como esto (enseño el fichero RSS de Bloggerlandia):

http://bloggerlandia.blogspot.com/rss.xml

Cuando hacemos clic en el enlace vemos todo el archivo necesario para sindicación en modo textual. Ese enlace lo podemos llevar a la columna de la derecha dentro de un bloque de enlaces y ya tenemos visible nuestro canal RSS para que pueda ser sindicado por un tercero. Así de fácil, así de simple. La sindicación la harán expertos en informática y desarrolladores, que sólo necesitan ese fichero RSS en su segunda versión.

Etiqueta en Technorati: RSS Categorizado en: conceptos

Recuperando posts en Blogger

El editor de Blogger nos indica que se pueden recuperar entradas de texto. Eso es lo que aparece justo debajo del menú de edición de texto, en la parte izquierda y más concretamente debajo del menú que controla el tipo y tamaño de letra. Ese enlace que se denomina Recuperar la entrada es la forma que tenemos de recuperar los datos cuando falla la conexión de Internet y estamos escribiendo online un post directamente en el editor. Todo blogger ha experimentado alguna vez el fastidio que produce el perder datos por fallo en la conexión cuando se trabaja online. Pero los desarrolladores de Blogger tuvieron una excelente idea: incrustar en una cookie o galleta los caracteres de todo lo que vamos escribiendo para que en caso de quebrarse la conexión, gracias a la cookie podamos recuperar esa información en los siguientes 30 minutos. Por lo tanto, en el caso de que cuando estemos escribiendo se vaya la conexión, volvemos a conectacnor a Blogger.com, entramos en el editor de entradas o posts de Blogger y hacemos clic en Recurperar entrada. Tenegamos en cuenta que en el cookie sólo se puede almacenar 3 kilobytes de información textual, por lo que si la idea es escribir un texto largo en el blog, podemos hacer eso mismo escribiendo primero en un procesador de textos y luego pegando todo en el editor de Blogger.

Haciendo borradores en Blogger

El sistema de publicación con blogs de Blogger también da la opción de guardar los posts o artículos como borradores. En el panel de escritura de los posts, en su parte de abajo aparecen los dos botones que vemos en esta imagen captada que aparece abajo de este post. Una vez que hemos escrito el post, el autor y editor del blog tiene la opción de guardarlo como borrador o publicar la entrada directamente. Cuando guardamos la entrada o post como borrador, el escrito no desaparece. El borrador lo podemos ver archivado en el propio administrador de contenido de Blogger dentro del submenú Editar entradas que está debajo de la pestaña titulada creación de entradas. Cuando algún día volvamos a editar el borrador, siempre se nos volverá a dar la opción de publicarlo, como es lógico. Y mientras está como borrador, los navegantes de Internet no ven publicado el contenido. Así de fácil ponemos en cuarentena nuestros escritos cuando no deseemos publicarlos al momento. Siempre es prudente volver a los artículos en borrador para pulirlos o añadir datos que en ese momento preciso no estén a nuestro alcance. El artículo que está en borrador es contado por el sistema Blogger, que en su escritorio o dashboard pone el número total de posts que tiene nuestra bitácora.

Qué es un permaenlace o permalink

El permaenlace es un enlace permanente a un item único dentro del contenido de una bitácora o blog. Dicho así, seguro que no se entiende el significado del término. Por ello intento explicarlo más llanamente. El permaenlace es algo que llevan todos los posts o artículos en una bitácora para que cuando hagamos una referencia de ellos le podamos decir a la gente qué URL única tiene el post X. Se trata de dar una URL, es decir una dirección web, para que la gente lo encuentre rápidamente escribiendo esa URL en un navegador web como el Firefox. Con esta acepción, el término permalink empieza a ser usado a partir del año 2000 y fueron los fundadores de Blogger los que lo popularizaron entre otros bloggers pioneros.

El permaenlace puede ir en muchos lugares dentro del artículo o post. Puede ir en el título como enlace, con lo que haciendo un clic en el título nos aparece la URL única del post para poder hacer un comentario (se puede hacer la prueba en un título cualquiera de un artículo dentro de Bloggerlandia para verlo). Pero también puede aparecer abajo del post con un enlace dentro de la palabra permaenlace o permalink (así se dice en inglés). Algunos prefieren ponerlo debajo del título y junto al nombre del autor, también con la palabra permaenlace. Esté donde esté, recordad que es la referencia del artículo escrito, nada más y nada menos; pero la referencia, entendida como enlace único a ese post. La utilidad es muy grande: si queremos hacer un comentario a un post, tenemos que pinchar en la URL del permaenlace que nos saque el artículo sin que se vean los demás posts. Basta con esto para tener en cuenta que el permaenlace debe de estar visible. Mi consejo siempre es el ponerlo como enlace en el título y también abajo del post, como enlace de la palabra permaenlace.

Etiqueta en Technorati: permalink Categorizado en: conceptos

Haciendo que los títulos de los posts sean permaenlaces en Blogger

Una de las formas de mejorar la funcionalidad de vuestros posts en Blogger es hacer que los títulos de los artículos se conviertan en enlaces permanentes o permaenlaces, como los solemos llamar por analogía con el término anglosajón permalink. Este tipo de enlace aparece siempre en las bitácoras por defecto en la parte de abajo de los posts. En ciertas plantillas viene como enlace en la hora de escritura del post, algo que no me parece nada funcional ya que los lectores no lo suelen captar con facilidad. Os recuerdo que el permaenlace es la URL única para referenciar el post a alguien. Lo mejor, a parte de tener el permaenlace abajo es ponerlo también en el título del artículo. Y eso es lo que hoy os quiero enseñar a hacer.

Aquí os dejo el código que crea o pinta (escribe) el título de un post en una plantilla cualquiera. Sólo tenéis que buscar sobre la mitad de la plantilla de vuestro blog el lugar en donde radica esto o algo parecido a esto:

<h3 class="entry-header"><$BlogItemTitle$></h3>

Como se puede leer en el código, se trata de un título a tamaño h3. Ahora lo que vamos a añadir es el enlace para convertirlo en un permaenlace (es el código en color verde):

<a class="permalink" href="<$BlogItemPermalinkUrl$>"><h3 class="entry-header"><$BlogItemTitle$></h3>
</a>

Creando bloques de enlaces en la columna del blog con Blogger

Una de las primeras cosas que tenemos que realizar en nuestro recien estrenado blog es ir poniéndole enlaces y bloques de enlaces en la columna del blog, esté este en la columna de la izquierda, de la derecha o en cualquiera de las dos columnas que pueda tener la plantilla del blog. Los bloques de contenido que se ven en la imagen que aparece junto a estas líneas y corresponde a esta bitácora de Bloggerlandia indican los aspectos más importantes del blog: los hiperenlaces puestos por bloques temáticos.

El bloque es algo en lo que tenemos que pensar al abrir una nueva bitácora. Los bloques llevan hiperenlaces con texto o también con botones de 80 x 15 píxeles. Los botones siempre dan un aspecto muy elegante al blog. De todas formas, pensemos que conviene tener tantos bloques con hiperenlaces como longitud que tengamos en el total de posts que publiquemos en la página inicial de la bitácora. Hay ciertos bloques que conviene que pongamos siempre en nuestros blogs, sean monotemáticos o multitemáticos:

1. Metainformación con datos sobre el autor, la licencia del contenido, y un enlace a un post interno en el que explicamos el objetivo y contenido de nuestra bitácora, es decir, el motivo que nos lleva a abrir el blog (para qué lo escribimos).
2. Sindicación de contenidos: este apartado o bloque puede llevar un enlace a cada canal RSS o Atom que tengamos para sindicar el contenido de nuestra bitácora. Si hacemos podcasts de audio también podemos poner el archivo XML para sindicar nuestro contenido de audio. Podemos sindicar tanto los artículos o posts, como los comentarios de los posts que generan los visitantes a la bitácora
3. Motores de búsqueda que utilicemos con asiduidad. En este bloque no pueden faltar Technorati, Google, Snap o AskAlexia, por ejemplo. Con ello tenemos la búsqueda visible al momento en nuestra columna del blog.
4. Archivo. Este apartado viene dado ya por Blogger en las plantillas, con lo que no nos debemos de preocupar más que de ponerlo semanal o mensualmente, aunque yo opino que es mejor hacerlo por meses.
5. Últimos artículos o posts. Se trata de otra opción que por defecto nos da Blogger en inglés con el nombre de Previous Posts. Lo único que tenemos que hacer es cambiar de inglés a español el nombre del bloque. Este apartado siempre es interesante ya que en muchas ocasiones los visitantes entrarán a las URLs o direcciones permanentes de los artículos únicos, con lo que de un vistazo va a poder ver qué es lo último sobre lo que habéis escrito.
6. Búsqueda. Algo que hay que implementar ya que Blogger no os lo da por defecto. Ya os diré cómo hacerlo en otro post. Un sitio web sin opción de búsqueda no es operativo hoy en día.
7. Articulos populares que tengan más comentarios que otros o posts que los compañeros os digan que son muy buenos. Lo único que tenemos que hacer es crear un bloque y enlazarlos desde sus propios permaenlaces.
8. Categorías. Por defecto, Blogger no tiene código incrustado para categorizar los posts. Pero se puede hacer a mano sin mayor problema.
   

Seguro que se os ocurren otros muchos bloques interesantes. Por ejemplo, si usted es un profesor universitario, es posible que quiera poner un bloque con los diversos ejercicios de la asignatura a realizar durante el curso. Lo único que hay que hacer antes de poner el bloque en la columna es escribir todos los posts con los ejercicios y publicarlos. En un segundo paso, vamos a la plantilla, creamos el bloque en el lugar que estimemos oportuno y enlazamos a los diferentes permaenlaces en donde hemos escrito los ejercicios. En otro post os explicaré cómo y dónde se ponen los bloques dentro de la plantilla de vuestro blog.

Chatango, chat gratuito para insertar en Blogger

Chatango es una herramienta muy interesante para los usuarios de Blogger o de cualquier otro sistema de bitácoras. Hace años que apareció en el campo de los blogs y es perfecta porque incrusta un chat como herramienta de comunicación online o con asincronía. El tamaño se puede refinar, pero está pensado para colocar el chat en una de las columnas del interfaz de la bitácora. Se inserta el chat como se ve en la imagen y el blogger se acerca más a su audiencia. Las personas interactúan directamente escribiendo por el chat para que el blogger reciba la información al momento. También tiene la posibilidad de dejar mensajes en el chat cuando el blogger esté fuera de línea u offline. Yo la he utilizado en algunos de mis edublogs y puedo decir que se coloca muy simplemente colocando el script que en Chatango ofrecen una vez te has dado de alta. Lo único que hay que hacer es elegir el espacio entre bloques de la columna donde lo vamos a insertar. En el sitio oficial de Chatango tienen un excelente FAQ con las preguntas que los usuarios suelen hacerse a la hora de usar Chatango en sus blogs.

Subiendo imágenes a Blogger

Los servidores de Blogspot permiten a los usuarios hasta un total de 300 MB de espacio para subir las imágenes. Los formatos que se admiten a la hora de subir a sus servidores las imágenes son todos los comunes con extensiones PNG, JPG, GIF, TIF o BMP. Los formatos que recomiendo son los tres primeros: PNG, JPG y GIF, ya que son formatos adaptados para ser visibles por un navegador web. El formato PNG tiene a su favor que es libre y por lo tanto está fuera de la lucha por royaltis que pueda surgir con cualquier otro. Además, los tres primeros pesan mucho menos en tamaño (KB) que los dos últimos.

Las imágenes que subimos para ser enlazadas desde nuestros posts quedan en el servidor dentro de un directorio que se llama uploaded_images/. De todas formas, recordemos que las imágenes también las podemos subir a otro servidor externo o de confianza. Por ejemplo, en mi caso, es el servidor de la universidad el que cumple esta misión. Por medio del protocolo SFTP se pueden tener todas las imágenes en un lugar más a mano.

Para subir las imágenes sólo hace falta hacer clic sobre la foto pequeña que aparece en la barra de edición del editor de Blogger. El autor del post puede seleccionar el tamaño de la foto en el formulario que aparece, con lo que las imágenes grandes pueden ocupar menos tamaño en el servidor.

Subiendo vídeos a Blogger-Google

Como ya sabemos, Blogger es una empresa de Google y los dos forman un excelente tamdem para el campo del vídeo. Muchos son los usuarios de Blogger que quieren enlazar vídeos para que sean descargados desde el frontend o interfaz de Blogger. Google también ha pensado en eso y ha abierto no hace muchas semanas su servicio Google Video. Gracias a este gigantesco sitio web de almacenamiento de vídeos, el rápido buscador de Mountain View (California) da la opción a que el usuario deje el vídeo en sus servidores para que los lectores de su bitácora puedan descargarlo directamente desde Google Video o incrustarlo en sus posts dentro de los blogs.

Otros servicios parecidos a Google Video y que también pueden valer para colgar los vídeos que tengamos y queramos mostrar en Blogger son: YouTube, iFilm, MetaCafe, IFC Medialab y iTunes Video Store.