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:
<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>
<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>
TABLA DE 3 COLUMNAS
<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-transform: uppercase: Í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
Publicar un comentario