Tutorial:Crear tablas en las entradas de Blogger

Hola amig@s!Hoy os traemos un tutorial para que creéis vuestras tablas de texto en las entradas de blogger,así que vamos por pasos: 

Cuando escribáis vuestro post y queráis insertar una tabla, tenéis que ir a la pestaña de arriba a la izquierda donde dice HTML, y pegar el código de la tabla que más os interese:

TABLA DE 3 COLUMNAS

<table style="font-family: quicksand; font-size: 12px; letter-spacing: 2px; margin: 10px auto; text-align: center; text-transform: uppercase; width: 100%; cellpadding="20" cellspacing="10""><tbody>

<tr>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;">texto</td>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;"> texto</td>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;"> texto</td>

</tr>

</tbody></table>


TABLA DE 4 COLUMNAS

<table style="font-family: quicksand; font-size: 12px; letter-spacing: 2px; margin: 10px auto; text-align: center; text-transform: uppercase; width: 100%; cellpadding="20" cellspacing="10""><tbody>

<tr>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;">texto</td>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;"> texto</td>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;"> texto</td>

<td style="border: 1px solid #000000; padding: 5px; width: 200px;"> texto</td>

</tr>

</tbody></table>

EXPLICACIÓN DEL CÓDIGO

*Font-family:quicksand: Es la fuente (letra) de la tabla,podéis cambiarla por la que queráis.
*Font-size: 12px: Es el tamaño de la fuente (letra) de la tabla,podéis cambiarla por el tamaño que más os convenga.
*Text-transformuppercase: Índica que el texto esta en mayúsculas,si lo queréis en minúsculas lo borráis.
*Border: 1px solid #000000: Es el color del borde de la tabla,podéis poner el que queráis,en esta Web: http://www.colorhexa.com/ encontrareis todos los códigos.
*Width: 200px: Es el ancho total de la tabla,lo podéis personalizar en función del espacio que tengáis.
*Texto: Aquí escribid el texto que queráis que contenga vuestra tabla.

Comentarios

Entradas populares de este blog

Tutorial: Cómo insertar tablas en las entradas de Blogger

Ocultar el mensaje de "mostrando entradas con etiqueta..." en las plantillas nuevas de Blogger