Algunos consejos para que su blog brille con luz propia

Los programas de correo electrónico formatean el texto de muy diversos modos. Normalmente, dado que el cuerpo de sus mensajes no está insertado directamente dentro de una página web, éstos se ven bien. Pero si pretendemos meter el texto formateado dentro de una web, puede que las cosas no salgan como esperábamos. En este tutorial le daremos algunos consejos para formatear sus correos y que tengan buen aspecto cuando salgan publicados en los Blogs de Libertad Digital.

1.- Use correo en texto plano.

Normalmente, usted tendrá configurado su correo para que tenga un determinado tipo de letra, o una firma determinada, algun gráfico que le gusta... esto suele chirriar bastante cuando se intenta incrustar en una página web. Por eso, si usted simplemente quiere insertar un post de texto, envíelo como texto plano, y de ese modo, se añadirá a la perfección a su blog.

Si usa usted Outlook Express, a la hora de escribir un mensaje seleccione Formato --> Texto sin formato.

Si hace esto antes de enviar su correo, los mensajes saldrán publicados a la perfección, sin tipos de letra extraños que descuadren el diseño de su blog.

Tememos un truco más para ofrecerles en caso de que su correo inserte firmas automáticas, o pies de correo corporativos, publicidad, etc. Libertad Digital ha creado un truco para eliminar pies de correo: Todo lo que vaya por debajo de "__________" es eliminado. Así que si su correo inserta en la parte inferior publicidad, o alguna firma que impone su empresa, no tiene más que poner una barra con más de siete caracteres como esta ____________ y todo lo que vaya por debajo, quedará eliminado automáticamente.

2.- Formatee el texto con comandos sencillos de HTML.

Leer un texto sin formato es bastante aburrido. Por eso, vamos a darle algunos consejos sobre cómo formatearlo. Estos trucos sólo servirán si envía usted el mensaje en texto plano (vea el truco anterior para conocer cómo se hace).
El formato HTML está pensado de tal modo que usted situa etiquetas donde quiera que se produzcan los cambios de formato, y las cierra donde desee que ese formato se termine. Normalmente las etiquetas se abren con una llave como esta <formato> y se cierran con la misma llave y la barra del siete en su teclado: </formato>. Dentro de dichas llaves, usted situará los códigos que necesite para aplicar formato al texto.

- Cualquier texto puesto dentro de <b>esta etiqueta</b> se verá en negritas.
- Cualquier texto puesto dentro de <i>esta otra</i> se verá en cursiva.
- Cualquier texto puesto dentro de <u>esta de aquí</u> se verá subrayado.

Veamos un ejemplo:

Si usted escribe

"Estoy bastante harto de <i>aprender HTML</i> que es muy aburrido",

el resultado final sera

"Estoy bastante harto de aprender HTML que es muy aburrido".


Un truco más que puede emplear es variar el tamaño de la letra. Para hacerlo, introduzca el siguiente código: <font size="+1"> El texto que quiero que crezca</font> .
Puede usted cambiar el +1 por cualquier número entre -7 y +7.

3.- Hipervínculos.

Si desea referirse a alguna página externa a la suya, puede hacer un enlace a dicha página.
Escriba <a href="http://direcciondelaweb">lo que quiera escribir</a>.

Por ejemplo: Si escribe usted <a href="http://www.libertaddigital.com">visite Libertad Digital</a> se verá publicado visite Libertad Digital

4.- Emplee comandos más avanzados para formatear.

Si ya ha probado las negritas, cursivas y subrayados, pruebe ahora estos trucos que le proponemos:
Para crear una lista con varios items, escriba primero el código <ul>. Luego, rodee usted cada item de la lista con <li>item</li>. Finalmente, cierre la lista con un </ul>.

Se lo mostramos mejor con un ejemplo:
<ul>
<li>Mi primer item</li>
<li>Mi segundo item</li>
<li>Mi tercer item</li>
</ul>

Este es el resultado que obtendrá:

  • Mi primer item
  • Mi segundo item
  • Mi tercer item

Para alinear un texto a la izquierda, a la derecha o al centro, englobe el texto dentro de los siguientes códigos.

- <p align="left">Texto</p> para alinearlo a la izquierda.
- <p align="right">Texto</p> para alinearlo a la derecha.
- <p align="center">Texto</p> para centrarlo.

¡Recuerde que debe </cerrar> los códigos para que el formato no se aplique a todo el documento!

Para separar párrafos, escriba <p> al principio del párrafo y </p> al final. De ese modo, cada párrafo aparecerá separado del anterior.
5.- Insertar imagenes.

Como bien sabe, si adjunta usted una foto a los emails que envíe, esta aparecerá publicada automáticamente en la parte inferior de su mensaje. No obstante, usted tal vez desee incrustar una imagen directamente dentro del texto, con un tamaño determinado. Para eso, deberá conocer la ubicación de la imagen en internet.

Por ejemplo, la imagen situada en...

http://www.libertaddigital.com/fotos/noticias/dcoizapatero060705.jpg

Es esta:

Para insertar una imagen dentro del texto, el código que ha de poner es <img src="dirección de la imagen">
Por ejemplo, <img src="http://www.libertaddigital.com/fotos/noticias/dcoizapatero060705.jpg">

Si hace esto, asegúrese de que, en su email, va todo el código de una imagen en una línea. Por ejemplo, no envíe un email en el que el código aparece truncado, como:
<img
src="http://www.libertaddigital.com/fotos/noticias/dcoizapatero060705.jpg">

Si usted quiere poner muchas imagenes en sus comentarios, tal vez desee emplear algun servicio gratuito de alojamiento de fotos para weblogs, como PhotoBucket.