Ir al contenido principal

Cómo crear una tabla en Blogger



¿Alguna vez habéis intentado hacer una tabla en Blogger? Pues no se puede, al menos directamente. Blogger no tiene la opción de crear tablas (como sí podemos hacer en Word, por ejemplo). Pero... ¡que no cunda el pánico! Si necesitamos una tabla, podemos hacerla con HTML.

¿Para qué podéis necesitar una tabla en vuestro blog? Aparte de los usos "clasicos" de las tablas, como medio de presentación de datos, nos hará falta recurrir a una tabla si queremos hacer, por ejemplo, un menú visual, como el que estoy haciendo en la página de mi recetario completo. Evidentemente, es mucho más atractivo que una simple lista de links. Pinchando en cada imagen os lleva al post correspondiente donde está publicada la receta. Pues éste es un ejemplo de una tabla insertada en una página (que se hace exactamente igual que en un post).

Como las tablas se hacen con HTML, también podemos insertar una tabla mediante el gadget correspondiente en la opción de diseño de nuestro blog. 

El código HTML que necesitáis para generar una tabla es el siguiente:

<table align="left" bgcolor="#ffffff " border="0" bordercolor="#ffffff" cellpadding:"2" cellspacing="0" >

<tbody>

<tr>
<td><img src="URL de la imágen" height="120" width="120" /></td>
<td><img src="URL de la imágen" height="120" width="120" /></td>
<td><img src="URL de la imágen" height="120" width="120" /></td>
<td><img src="URL de la imágen" height="120" width="120" /></td>
</tr>

<tr>
<td><img src="URL de la imágen" height="120" width="120" /></td>
<td><img src="URL de la imágen" height="120" width="120" /></td>
<td><img src="URL de la imágen" height="120" width="120" /></td>
<td><img src="URL de la imágen" height="120" width="120" /></td>
</tr>

</tbody></table>

Os cuento ahora qué es cada cosa, para que podáis personalizarlo y adaptarlo a vuestras necesidades.
  • Lo que hay entre cada <tr>...</tr>: cada fila (en horizontal).
  • Lo que hay entre cada <td>...</td>: cada una de las celdas que tiene esa fila.
  • table align: alineación de la tabla: puede ser left, center, right (izquierda, centrada, derecha).
  • bgcolor: el color de fondo de la tabla (yo lo tengo blanco).
  • border: grosor del borde de la tabla, en píxeles.
  • border color: color del borde (también lo tengo en blanco).
  • cellpadding: espacio entre el borde y el contenido de cada celda, en píxeles.
  • cellspacing: distancia entre las celdas de la tabla, en píxeles.
  • height: alto de la imagen, en píxeles. Si no se establece este valor, saldrá la imagen en tamaño real.
  • width: ancho de la imagen, en píxeles. Si no se establece este valor, saldrá la imagen en tamaño real.
Para poner texto en lugar de una imagen en una celda:

<td>lo que queráis escribir</td>

Para poner una imagen y también texto en una celda: como lo más frecuente es incluir las tablas en un post o página del blog, lo más rápido y fácil es hacer la tabla con imágenes y luego editarla en el modo "Redactar". Aquí podéis incluir un pie de foto a la imagen y crear enlaces.

Vale, ya sé cómo hacer una tabla y la tengo personalizada a mi gusto. ¿Cómo la inserto en un post o página de mi blog?

Lo mejor es redactar el código HTML de nuestra tabla en un documento de texto (Word o similar), para poder hacer las modificaciones que necesitemos sin trastear demasiado en el blog. Para ello, podéis copiar el código que os he facilitado y pegarlo en un documento de Word en blanco. Después, le hacéis las modificaciones que os convengan, según os he explicado.

Una vez esté el código a nuestro gusto, lo copiamos y nos vamos, en el editor de entradas (o páginas) de Blogger, a la opción de HTML. Aquí buscamos el lugar exacto en el que queramos que aparezca nuestra tabla y pegamos el código que traíamos copiado del documento de Word.

Si cambiamos a la vista de "Redactar" veremos nuestra tabla. Si no nos gusta como queda, podemos modificarla, repitiendo el proceso (las modificaciones mejor en Word, si lo hacéis directamente en el blog acabará dando fallos).

En la vista de "Redactar", como ya os he explicado, podemos insertar un pie de foto a las imágenes y/o añadir enlaces.

Yo no quiero la tabla en un post o página, sino en el diseño de mi blog.

Pues más fácil todavía. Generamos la tabla en un documento de Word, como ya os he explicado, y pegamos el código en un gadget de HTML, que encontraremos en esta ruta:

Escritorio del blog - Diseño - Añadir un gadget - HTML/Javascript

Le damos a "Guardar", colocamos el gadget que hemos creado en el lugar en el que queremos ver la tabla, le damos a "Guardar disposición" y comprobamos que está todo correcto. Si es así, genial. Si no, modificamos lo que haga falta hasta que quede a nuestro gusto.

Bueno, por hoy yo creo que ya está bien. Espero que lo que os he contado os sea útil.

Si te ha gustado este post, recuerda que puedes compartirlo muy fácilmente en tus redes sociales favoritas, con los botoncitos que hay aquí debajo. 

Besitos y... ¡hasta el próximo post!

Comentarios

  1. Una información estupenda!!! Gracias por compartirla.

    Besos!!

    ResponderEliminar
    Respuestas
    1. Me alegro de que te resulte útil. Gracias por tu visita :) ¡Besos!

      Eliminar

Publicar un comentario

Muchas gracias por dejar tu comentario. Me encanta leerlos todos y me ayudan a mejorar este blog día a día... ¡Sin vosotros, esto sería muy aburrido!
En este espacio respetamos la diversidad de opiniones, vuestras sugerencias y las críticas constructivas. Pero cualquier comentario ofensivo o fuera de tono no será respondido, sino que lo eliminaré en cuanto lo vea. Aquí no alimentamos a los trolls...

LO MÁS VISTO EN EL ÚLTIMO MES:

Patatas asadas al microondas

Ésta es una forma rápida, limpia y sana de cocinar las patatas. Como el microondas las cocina en su propio jugo, quedan mucho más sabrosas que simplemente hervidas. En la foto se ven servidas sólo con un chorrito de aceite de oliva y sal, pero les vendrá bien vuestra salsa favorita, como la salsa de queso azul o roquefort.

Estas patatas al microondas pueden solucionaros la cena un día que no sepáis qué hacer, o que no tengáis ganas de meteros mucho en cocina, pero que no se os apetezca comer de precocinados. Esta receta está incluida en el recopilatorio 20 CENAS MUY FÁCILES de este mismo blog. Echadle un vistazo, que seguro que encontráis ideas interesantes.

Os dejo por aquí también el enlace a la receta de las patatas asadas en horno convencional, por si preferís prepararlas así.

Y ya, sin más, vamos a preparar las patatas asadas al microondas.
PREPARACIÓN
Cocinaremos la patata con su piel, así que lo primero es lavarla muy bien y secarla.
Después, haremos agujeros pinchando por to…

Salsa de queso azul o roquefort

Hoy os traigo esta rica salsa de queso azul, muy fácil de hacer, que resulta ideal para acompañar carnes y patatas (fritas, al horno, asadas al microondas,...). También se me ocurre que, si ponemos un par de cucharadas de esta salsa sobre unos macarrones rehogaditos, tienen que estar buenísimos.
Pero no sólo nos va a servir para acompañar platos calientes, sino que también la podemos usar para aliñar ensaladas.
En fin, como veis es una salsa tremendamente versátil. Eso sí, os tiene que gustar el queso, claro, porque el sabor es intenso.

Por cierto, si os gusta el queso, os encantarán estas galletas saladas de queso azul y nueces. ¡Tenéis que probarlas! Y si os gusta el queso menos intenso, estas galletas saladas de queso y bacon son ideales para vosotros.
Yo hoy he hecho la salsa con queso azul, pero si queremos salsa de roquefort la haremos exactamente igual, sólo que sustituyendo el queso azul por la misma cantidad de roquefort.



INGREDIENTES100 gr de queso azul (o roquefort)250 ml d…

2 tintes a prueba: Majirel de L'Oreal vs. Igora Royal de Schwarzkopf. ¿Con cuál me quedo?

He de confesaros que no me gusta demasiado ir a la peluquería. Habrá a quien sí le guste, que se relaje,... Pero yo no. Sé que en estoy puedo ser un poco rara, pero no me relajo, me parece que pierdo demasiado tiempo y, por si fuera poco, acabo con el cuello destrozado del lava-cabezas (o como sea que se llame ese invento infernal, ese potro de tortura).
Eso sí, me gusta ir con el pelo arreglado, sin canas ni raíces. Porque una es rara, pero coqueta. Y para que no se me vean las canas, he de teñirme cada cuatro semanas.
Solución: voy a la peluquería cada tres o cuatro meses, para retocarme el corte (y ya de paso sí me dan el color allí), pero el resto de las veces me tiño yo en casa. Eso sí, el teñirte en casa no ha de significar usar productos de baja calidad, por lo que voy a una tienda de productos específicos de peluquería para comprar los tintes.
Los tintes que uso son de los mejorcitos, orientados a uso profesional y se aplican (como en la peluquería) con brocha, lo que asegura…

Reto Instagram 12 Meses: normas y cuadro para julio de 2017

¡Hola a todos!

Hoy quiero contaros una idea que se me ha ocurrido y me parece muy chula. ¿Qué os parece si hacemos un Reto en Instagram, para compartir fotos e inspirarnos unos a otros?  Así, por diversión, nada más. Y para estimular un poco nuestra creatividad y ver qué se nos ocurre a cada uno de nosotros para resolver las fotos de cada día.

He pensado titularlo Reto Instagram 12 Meses, porque cada mes del año os dejaré un cuadro con una propuesta de tema para cada día. Pero si nos gusta, podemos alargarlo tanto como queramos. La idea es que subamos una foto al día (tampoco es tanto), relacionada con el tema que os propongo.

Os dejo el cuadro para el mes de julio de 2017, y abajo os explico las normas.


NORMAS DEL RETO Este reto es por pura diversión y para inspirarnos unos a otros. No hay premios, ni sorteos. La foto que sea más chula de cada día, aparecerá (con mención del autor, por supuesto) en un post especial en este blog.Cada mes publicaré un cuadro, con una propuesta de tema

Cañas de chocolate: ¡más fácil, imposible!

Vale, ¿y qué os cuento de esta receta? Es muy fácil y se hace en un momento.

Aquí os explico cómo hacer las cañas grandes de chocolate, como las que venden en las pastelerías. Pero siguiendo la misma técnica las podéis hacer del tamaño que queráis, incluso preparar mini-hojaldres. Lo que sí debéis tener en cuenta es que cuanto más pequeñas sean las piezas de hojaldre, menos tiempo tardarán en hacerse en el horno, así que es bueno vigilarlas, para que no se nos quemen.

Si os gustan las cañas de chocolate, seguro que también os gustarán las cañas de cabello de ángel. Y si sois como yo, que os pirra el hojaldre, tanto dulce como salado, os dejo aquí el enlace a un recopilatorio de 7 recetas muy fáciles con hojaldre, que seguro que os interesa y podréis sacar ideas.

Aquí os pongo también la foto de las mini-cañas de chocolate:



INGREDIENTES
No pongo las cantidades, porque es "a ojo": ¡depende de la cantidad que queráis hacer!

Hojaldre Crema de cacao (tipo Nocilla)Azúcar glasFideos…