Subscribe:

Ads 468x60px

Labels

domingo, mayo 14, 2006

Alineando imágenes a la izquierda o a la derecha

Como en cualquier sistema de blogs, el alinear las imágenes para que queden elegantes a la derecha o izquierda del texto es una operación muy fácil que la podemos realizar directamente desde la edición en HTML. El código para insertar una imagen es:

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

Lo único que tenemos que insertar en ese código es el elemento align, como vemos en el siguiente ejemplo:

<img src="../imagen1.png" align="right" />

Si queremos que la imagen quede a la izquierda del texto, el cambio es evidente:

<img src="../imagen1.png" align="left" />

Finalmente, para hacer que el texto no quede pegado a la imagen, suele ser interesante el poner dentro de ese trozo de código el elemento hspace (espacio horizontal) con 8 píxeles. Después de hacer muchas pruebas, creo que esa es la mejor distancia en píxeles entre la imagen y el texto. Veamos un ejemplo:

<img src="../imagen1.png" align="left" hspace="8" />

sábado, mayo 13, 2006

El estatus de Blogger.com

Cuando notemos que hay problemas con Blogger, una de las primeras cosas que tenemos que hacer es visitar la web en la que Blogger avisa a los usuarios del estatus del sistema. Muchas veces, los administradores del sistema tienen que añadir nuevo hardware o afinar los servidores teniendo que hacer desconexiones programadas. En esos casos, Blogger nos dará problemas, por lo que una consulta a la URL http://status.blogger.com no vendrá mal. Eso sí, tenemos que tener en cuenta la diferencia horaria con California para verificar la notificación de los administradores de Blogger.

lunes, mayo 08, 2006

Los acrónimos y siglas en Blogger

Cuando escribimos los posts en Blogger tenemos dos pestañas dentro del interfaz de administración para escribir con código (HTML o XHTML) o redactar sin tener que preocuparnos por el código. Si escribimos en formato de código HTML o XHTML, podemos poner el significado de las siglas y demás abreviaturas utilizando el estándard XHTML. Se escribe la etiqueta <acronym> y luego la cerramos. En medio de la etiqueta ponemos el significado de la sigla o acrónimo por medio del elemento "title". De esta forma conseguimos un excelente efecto, ya que cuando alguien ve el acrónimo elegido, éste aparece subrayado con una invocación para que el usuario, al poner el ratón sobre el enlace, vea el significado del acrónimo. Con Firefox y la mayoría de navegadores se ve el subrayado del acrónimo, no así con el navegador anti-estándares Explorer. Por lo tanto, aquí dejo un ejemplo del código que hay que poner para hacer que la sigla tenga un menú contextual que explique su significado:

<acronym title="Partido Nacionalista Vasco">PNV</acronym>

Este trozo se verá así en el navegador (ponga el ratón sobre la sigla):

PNV

domingo, mayo 07, 2006

Plantillas a tres columnas gratuitas

En Blogstyles tienen plantillas u hojas de estilo con tres columnas para Blogger que se pueden descargar gratuitamente. Las tres columnas dan mucho juego a la hora de publicar contenido, por lo que siempre es bueno tener una a mano para utilizarla en la propia bitácora o pasársela a alguien que la necesite.