Sobre ti...

Supongo que aquellos que anden perdidos en el mundo de la programación, sabrán que encontrarse ante un complemento en blanco que requiera insertar código html, puede suponer toda una odisea. Y es que estos cuadros tan habituales tanto en blogs como en páginas webs, son todo un universo de los únicos límites, los pone nuestra imaginación.

Como muchos sabrán, muchas plataformas de blogs, ofrecen cuadros de este tipo. Elementos que podemos rellenar siempre y cuando dispongamos de un código html, sea cual sea. La idea es fácil y de simple implementación: seleccionamos un código html que nos ofrece alguna web, lo insertamos, y listos, un control-copy de toda la vida.

Uno de los elementos que se suelen ver en muchos blogs, no es otra cosa que un cuadro en formato html, en el cual el creador, por llamarlo de alguna manera en la que todos nos entendamos, habla un poco sobre él (ella), añadiendo tanto fotografía como un poco de texto. Si nos paramos a mirar vemos que gran parte de los blogs, ya ofrecen una serie de gadgets en la que se permite o bien una fotografía del autor o texto ¿ambas cosas? Aunque parezca increíble esa ya es tarea de los cuadros de html.

Las cosas como son: es fácil perderse en estos cuadros si nunca antes se ha tocado código html. Así que habría que preguntarse ¿existe alguna forma fácil de insertar nuestra fotografía y algo de texto a un cuadro en html, de manera fácil y simple? La respuesta es sí, vayamos a ello.

Suena extraño pero lo primero que deberemos crear es una página dentro de nuestro blog. Una página independiente, no visible y la cual usaremos como curioso hosting para nuestras fotografías. Si nos fijamos, la creación de una página dentro de nuestro blog, usa el mismo sistema que se usa a la hora de crear una entra tradicional, fácil y directo.

En esta nueva página añadiremos la fotografía que deseemos añadir al cuadro de html ¿Qué porqué hacemos esto? Tal y como he comentado anteriormente, vamos a usar la página creada, a modo de hosting de forma que automáticamente podamos obtener una dirección web con la terminación del formato de nuestra fotografía. Para que os hagáis una idea, sería algo así:

Direccióndetublog/fotografia.jpg

Antes de cerrar nuestra página ya creada, con la fotografía ya subida y con la entrada en modo de edición, podremos hacer click derecho sobre la fotografía que acabamos de subir y copiar la dirección del enlace.

El siguiente paso tan solo es copiar el siguiente texto, en vuestro cuadro, reemplazando la dirección web de vuestra fotografía, en la zona indicada.

<p align="center"><img border="0" height="300" src="LADIRECCIÓNDEVUESTRAFOTOGRAFIA" width="300" / /></p><p align="center"><br /></p><div><br /></div><div><p align="center">AÑADIR AQUÍ EL TEXTO QUE DESEEIS.</p></div><p align="center"></p>

Varios detalles, tanto fotografía como texto, aparecerán alineados (por la etiqueta “<p align="center">), así que no lo queréis centrado, tan solo deberéis eliminar esa parte.

Por otro lado podéis modificar las medidas de vuestra fotografía cambiando los valores “height” y “width”, como vemos es simple y fácil.

Este tipo de códigos se suele usar en la creación de blogs para darle más vida la opción de hablar del autor, (o autora) del blog que nos permite una total libertad tanto a la hora de usar la fotografía que deseemos como el texto que creamos conveniente.

La razón de crear una página no-visible, para subir nuestra fotografía, nos es más que la simple comodidad de un curioso hosting del cual obtener una dirección web con terminación en cualquiera de los formatos de fotografía: bmp, png, jpg, etc.

Si nos fijamos de manera simple y sin complicaciones, podemos tener un cuadro html de presentación para nuestro blog, de manera simple y efectiva.

Y dicho esto…hasta mañana ^_^