como_crear_galeria_blog_html

En esta ocasión la personita que colabora con nosotras prestándonos uno de sus posts es Marta, de 2nd Funniest Thing, un blog la mar de molón lleno de Tutoriales y DIY relacionados principalmente con el diseño y la customización de ropa. Si entráis en su blog encontraréis un diseño minimalista, limpio, de fácil acceso y usabilidad, un muy buen blog la verdad, tanto en estética como en contenido, que es lo fundamental! :)
Marta escribió un post muy interesante sobre como crear una galería de proyectos para incrustarlo en vuestro blog, y como yo sé que a vosotras el HTML os da miedete… pues aquí un mascaito para que podáis hacer una galería genial sin tener que sudar la gota gorda!
Os dejo pues, con esta entrada, y os recomiendo que visitéis en blog de Marta y la conozcáis un poquito más :)
Y si la queréis seguir en redes sociales… aquí está su facebook y twitter!
Sigo disfrutando de Mi Día!!
Elia

MEJORA TU BLOG CON UNA GALERÍA DE PROYECTOS

Incluir una galería de imágenes con todos nuestros proyectos mejora la navegabilidad de nuestros blogs. Hacerlo con HTML es sencillo, sólo necesitarás dedicarle un poco de atención y conseguirás facilitar la experiencia del lector porque podrá ver todos nuestros inventos de un plumazo. Recordemos que nos movemos por un mundo muy visual en el que más que leer, devoramos imágenes. Pongámoslo fácil pues!

Zemanta Related Posts Thumbnail post_como_crear_galeria_proyectos

Necesitamos: Un blog, imágenes de los proyectos que queramos mostrar y un ratito tranquilo. Es recomendable que todas las imágenes sean pequeñas (las mías por ejemplo hacen 180 x 198 px) y también que las hayamos colgado previamente para tener su URL. Si alguien no sabe cómo conseguir la URL de una imagen que se dirija al punto 1 de este enlace.
Vamos a crear una entrada, clicamos sobre el botón de HTML y allí escribimos el siguiente código para crear la tabla que contendrá todas las imágenes. Cada imagen funcionará como un botón para ir directamente a ese post en concreto. (Dejo aquí el código para que lo podáis copiar)

<table border=”0″ cellpadding=”4″><tbody>
<tr>
<td> <a href=”URL DESTINO” target=”_self”><img src=”URL IMAGEN” alt=””/></a> </td>
<td> <a href=”URL DESTINO” target=”_self”><img src=”URL IMAGEN” alt=””/></a> </td>
<td> <a href=”URL DESTINO” target=”_self”><img src=”URL IMAGEN” alt=””/></a> </td>
</tr>
</tbody></table>

A continuación analizaremos el significado de todo ese código. Esta es la explicación para una tabla de 1 fila y 3 columnas, a partir de estas indicaciones podrás diseñar la tuya con tantas filas y columnas como quieras.

post_como_crear_galeria_proyectos2
¡Espero que le saquéis mucho provecho compañer@s! Si os surge cualquier duda la podéis dejar en los comentarios de este post y os responderé encantada :)