Botones de Blogger y Blogspot

Este es el código para poner en una columna de su blog el botón antipixel de 80x15 px. que sirva para mostrar tu orgullo de utilizar el sistema de administración de blogs Blogger y los servidores Blogspot de Google:



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/blogger_grisa.png" title="BLOGGER" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/blogger_urdina.png" title="BLOGGER" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/blogspot_urdina.png" title="BLOGSPOT" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/blogspot_berdea.png" title="BLOGSPOT" /></a>

Technorati: Blogger Categorizado en: botones Wikipedia: Blogger

Los atributos de las imágenes del blog

Los atributos son los elementos que podemos insertar dentro de las etiquetas XHTML. En esta ocasión quiero hablar de la etiqueta IMG que sirve para pintar o publicar una imagen esté donde esté. La etiqueta IMG tiene el siguiente aspecto. Recordemos que los puntos suspensivos reemplazan a la ruta http de la imagen.

<img src="...." />

Los atributos de la etiqueta IMG son: title, alt, width, height, align, hspace y vspace.

• title: sirve para poner un título a la imagen y es estándar en XHTML. Las últimas versiones del navegador Explorer la leen, gracias a que a Microsoft, contra su voluntad, se le ha forzado a ello. Al poner el ratón sobre la imagen, el texto del title le aparece al internauta; aunque en Explorer esta función se otorga a la etiqueta alt.
  
• alt: es el mismo atributo que title, pero siguiendo el pseudo-estándard de Microsoft. El término proviene de "texto alternativo". Lamentablemente conviene que los desarrolladores la pongan con el fin de compatibilidad con navegadores de hace unos años. Simplemente cortamos lo que hayamos puesto en el elemento title y lo pegamos en el elemento alt.
  
• width: sirve para marcar en píxeles el ancho de la imagen.
• height: sirve para mostrar el alto de la imagen.
• align: usada para alinear la foto a la derecha o izquierda del texto que le acompaña (right=derecha y left=izquierda)
• hspace: para marcar el espacio horizontal que dejamos entre el texto y el borde de la imagen.
• vspace: para marcar el espacio vertical que dejamos entre el texto y el borde de la imagen.
  

Veamos ahora cómo se incrustan estos elementos en la etiqueta. Pongo un ejemplo ficticio:

<img src=".../ehu.png" title="EHU" alt="EHU" width="80" height="15" align="left" />

Los elementos width y height solemos ponerlos cuando queremos cambiar algo las medidas de una foto o imagen original que hemos subido al servidor sin antes bajarla en tamaño. Con estas dos etiquetas y teniendo siempre en cuenta que conviene guardar la proporcionalidad entre el ancho y alto, adaptamos mejor la imagen al espacio en el que queramos insertarla. También quiero recordar que el error más común que tienen los bloggers novatos es el de poner los atributos sin separación alguna entre ellos, lo cual es un error grave ya que de esa forma el navegador no los puede leer. Los elementos deben ir separados, como aparece en el ejemplo.


Etiqueta en Technorati: XHTML Categorizado en: trucos Wikipedia: XHTML

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.

Clustrmap, mapeando las IPs en Blogger

Clustrmap es una excelente solución que nos da la web 2.0 para incustrar un mapa en nuestra bitácora o blog con el fin de saber de dónde nos visitan y el número de visitas. Hay muchas formas de controlar las IPs o direcciones de Internet que entran en nuestra web, pero la mejor solución es una que tenga un formato gráfico (por aquello de que más vale una imagen que cien palabras). El servicio es gratuito mientras tu blog no sea de los que tengan más visitas de las normales, es decir, mientras no seas un crack. Por aquello de que estamos en la época del Long Tail, parece lógico pensar que a la mayoría de los bloggers les va a salir gratuito. Clustrmap nos da la opción de poder colocar un pequeño trozo de código o script que haga una llamada a sus servidores para que aparezca el pequeño mapa que tengo aquí, en la columna de la derecha, y gracias al cual se ve, haciendo clic en él, la procedencia de las IPs que nos visitan. En dos o tres minutos tenemos la opción de enriquecer nuestro blog en Blogspot simplemente añadiendo un mapa de procedencias de IP. Si quieres verlo en acción con la propia web de Clustrmap para saber cuánta gente se conecta con esta empresa de cara a ver o descargarse la aplicación aquí está el mapa de IPs de Clustrmap.

Para poner el código en nuestra bitácora dentro de Blogger.com, basta con ir a la plantilla e insertar el código mencionado después de la etiqueta de la barra lateral: <div id="sidebar">. Escogemos el lugar para colocarlo entre los diferentes bloques que tengamos (autor, archivo, artículos previos, etc.).

Etiquetas para el contenido en Blogger

El blog creado con Blogger también puede ser etiquetado con una aplicación web 2.0 y así hacerlo más eficaz cuando se necesite buscar el contenido. Es verdad que el buscador implementa la búsqueda y que quizás con ello no necesitemos más, pero recordemos que a falta de la función de categorizar, las etiquetas sirven para ordenar todo en el desorden aparente que ello supone. Uno de los servicios que podemos usar y que integra perfectamente el diseño con los colores que quiera el usuario es ZoomClouds.com. El servicio es gratuito y tras registrarse rápidamente y sin tener que consultar en nuestro correo electrónico, nos dan una cuenta que al de segundos se puede empezar a utilizar. Para hacer la nube de etiquetas tenemos que pegar la URL con el fichero de sindicación de contenidos (Atom) para que el servicio de ZoomClouds indexe todo el sitio o únicamente el contenido sindicado del fichero. En cuanto a los colores y tamaños del diseño de la nube, todo se hace con un interfaz web y gran facilidad. Una vez hemos terminado con el diseño, tenemos que copiar el código y añadirlo en una de las columnas del blog. Al hacer clic sobre uno de los términos indexados, ZoomClouds nos enseña todos los artículos que tengan ese contenido.

WinSCP y un servidor ajeno para subir ficheros

 Una de las facilidades que encontramos en Blogger es que nos da opción de subir a sus servidores incluso imágenes. Pero si lo que buscamos es tener opción también a alojar archivos de vídeo, PDF, audio, hojas de cálculo, etc. lo mejor es hacerse con un servidor y un acceso FTP o SFTP (Secure File Transfer Protocol). Una vez que tengamos acceso al servidor, lo único que tenemos que tener en el ordenador en local es un programa para transmitir esos ficheros al servidor para luego enlazarlos en el interfaz de administración de Blogger.com. El programa que recomiendo para enviar los archivos al servidor desde un sistema operativo Windows es WinSCP. En el entorno Mac de Apple, el programa adecuado es Fetch y en GNU/Linux KBear es una buena opción o GFTP. Volviendo a Windows, WinSCP un programa que nos permite una extraordinario encriptación de los datos a la hora de enviar el fichero o ficheros por el protocolo seguro SFTP en el puerto 22 (ese puerto suele ser el usual). En este artículo se ve el interfaz del programa WinSCP, que es libre y está alojado en Sourceforge.net. La descarga del programa se puede hacer desde la propia web de WinSCP. En la web de WinSCP se puede ver un manual de uso de esta aplicación. De todas formas es muy fácil utilizarla ya que divide la pantalla en dos columnas: en una se ve el directorio y en la otra los ficheros que tenemos en el directorio lejano. Luego sólo hay que buscar o crear la carpeta que queramos y enviar los ficheros, arrastrándolos simplemente desde nuestras carpetas locales.
Una vez que subimos los archivos al servidor, lo único que tenemos que poner en Blogger es la ruta del fichero subido. Si el servidor, por ejemplo, está en la Universidad del País Vasco, basta con poner la ruta para que aparezca el archivo si es foto, o para dejar el link a él si es un documento PDF, texto, audio, etc.

Ocultando la barra de navegación de Blogger

Actualización (septiembre de 2011) al nuevo diseño de plantillas en Blogger:

Lo único que tenemos que hacer es ir al menú lateral del panel de administración o tablero de Blogger y hacer clic en PLANTILLAS. Nos aparecerá el diseño del blog en la actualidad y justo debajo un menú para hacer EDICIÓN en HTML. Al elegir esta opción se nos avisará de lo peligroso que es tocar el código y aceptaremos el riesgo. Nos aparecerá el código de la plantilla, y ya únicamente tendremos que añadir tres líneas de código justo antes de la etiqueta de variables. Lo pongo aquí en negro lo que hay que poner para que desaparezca la barra de navegación.:

-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */
#navbar-iframe {
   display: none !important;
}

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#cfe7d1"/>

Con esta inserción de código justo antes del inicio de la etiquetas variable, ya no veremos la barra de navegación que por defecto poner Blogger. Si algún día queremos ver de nuevo la barra, simplemente quitaremos el código y volverá a aparecer.

En la anterior versión de Blogger, lo que teníamos que quitar lo puse así:

Cuando creamos un blog con Blogger.com, si lo hacemos con la configuración normal para tenerlo alojado en Blogspot, al igual que está este de Bloggerlandia, es posible que deseemos quitar la barra en inglés que aparece en la parte de arriba de cada página web. Para quitar esa barra, basta con ir a la plantilla y buscar el lugar donde está ubicada la etiqueta del estilo:
<style type="text/css">
Esa etiqueta de estilo tiene más abajo un cierre en la siguiente manera:
</style>
Una vez que ya hemos buscado el trozo de código, ahora ponemos esto entre esas dos etiquetas de apertura y cierre:
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
El día en que cambiemos de opinión y queramos volver a ver la barra en la parte superior de las páginas web, basta con quitar el código añadido para ocultarla.

Diseños de Blogger

Hoy quiero traer a estas líneas las dos interfaces que ha tenido Blogger en sus dos épocas. En la antigua se ve un diseño con mucho colorido y no tan simple y usable como el que ahora tiene. La simpleza en los estilos triunfa, como lo ha demostrado Google, dueño de Blogger. Los navegantes que quieren crear rápidamente un blog ven un interfaz como el que ahora tiene Blogger y lo agradecen. El sistema te lleva a la creación de tu primera bitácora en tres pasos. Antes del que ahora existe, Blogger tenía una entrada como la que mantienen en Blogger Brasil. Los que añoren el viejo interfaz, sólo tienen que visitar la red de blogs que la empresa de comunicación Globo Brasil montó con Blogger hace años.

Insertando ficheros de audio en Blogger

Blogger nos permite poner en nuestros pots o artículos enlaces a ficheros de música o sonido en general. Podemos poner desde una canción en formato .ogg o mp3 hasta un efecto de sonido corto en formato .wav. Nunca ha sido tan fácil el publicar sonido en un sistema de publicación online como Blogger. Todos las plantillas de Blogger permiten en las columnas incrustar sonido en mp3. Pero también lo podemos poner los enlaces a los ficheros de sonido desde un post cualquiera. Aquí abajo tenemos un ejemplo con una canción bajo la licencia Creative Commons, descargada desde el sitio Opsound.org y cantada por Vegitation:

Sólo tienes que poner el código siguiente en el enlace que quieras: <a href="tema1.mp3">Hiperenlace a una canción</a> y un pequeño reproductor de MP3 se añadirá automáticamente:

Vegitation - Chock Hold.mp3

Blogger y Blogspot

Lo primero que hay que saber a la hora de abir bitácoras o blogs con Blogger es que el interfaz de administración, es decir, el lugar en donde escribe está entrando en la dirección http://www.blogger.com, mientras que en el sitio que crea con el nombre del sitio web aparece en la URL tipo: http://minombreelegido.blogspot.com. Con ello quiero significar que el nombre de dominio está en Blogspot y el sistema de administración del contenido en Blogger.com. A pesar de ello, en la configuración avanzada usted puede poner el nombre de dominio que quiera si tiene acceso a un servidor por SFTP o FTP. Por lo tanto, usted podría tener toda la información en un dominio del tipo http://www.midominio.com y utilizar la tecnología de Blogger. En este caso también tendría que entrar en el interfaz de Blogger para administrar su contenido (escribir, borrar, guardar la información como borrador, etc.)

Escribiendo código en un post

Hay veces que los desarrolladores suelen poner ejemplos de código en un post para mostrar alguna funcionalidad en XHTML y otro lenguaje máquina. En estos casos el blogger no quiere que el navegador lea esas etiquetas, por lo que se encuentra con la pregunta del millón: ¿cómo hago para escribir etiquetas sin que el navegador las reconozca?

La solución es simple y nada fácil de recordar si no lo utilizamos constantemente. Es por ello que bien viene tener apuntado lo que tenemos que poner para que las etiquetas no sean reconocidas como código a ejecutar. Para apertura de etiqueta, como vemos en la imagen de arriba, necesitamos escribir primero el signo &, seguido de las letras l y t, y finalizando con un punto y coma. Para poner la etiqueta de cierre, es lo mismo pero con una variante ya que en vez de la letra l, tenemos que poner la g. Si escribimos todo eso, tendremos como resultado lo siguiente:

<
>

Cada vez que tengamos que poner las etiquetas, sólo hay que sustituirlas por los códigos mencionados, y con ello el navegador no leerá código ejecutable.