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

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

Tutorial:Cómo cambiar el color de fondo del blog por una imagen