jueves, 27 de octubre de 2016

Creando una tabla desde código HTML

Sabemos que crear una tabla en Blogger es una tarea para la que debemos recurrir a recursos externos al propio editor de textos de Blogger. La única solución es conocer el lenguaje básico HTML para crear una tabla a partir de la escritura de sus diferentes etiquetas.
Ejemplo: El código siguiente es para crear una sencilla tabla de 2 filas y 2 columnas:

 <table bgcolor="#f4e3bc" border="1" cellpadding="5" style="width: 100%;">
<tbody>
<tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr>
<tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr>
</tbody>
</table>

Explicación de las etiquetas:

  • bgcolor: es el color de fondo de la tabla. Puedes consultar el código hexadecimal del color que quieres en esta web.
  • border: el tamaño del borde en píxeles, que se puede poner en cero si no queremos borde.
  • cellpadding: el relleno dentro de la celda entre los bordes y el texto o las imágenes. Para ver cómo funciona esto, lo mejor es cambiar el número, que representa los píxeles.
  • width: es la anchura de la tabla; en este caso, el 100% para que ocupe todo lo ancho del documento, pero también podemos ponerle un número de píxeles de ancho. Para esta anchura se utiliza la etiqueta style con código de hojas de estilo CSS; no es HTML
Para insertar una imagen dentro de una celda escribimos lo siguientes entre la etiquetas <tp></tp>

viernes, 21 de octubre de 2016

Personalizando una tabla

Texto antes de la tabla
Aquí podemos escribir una línea
Texto después de la tabla

Tabla



Ventas del trimestre
David
125
563
247
Pedro
461
379
604

lunes, 17 de octubre de 2016

Práctica de descarga 2

Segunda práctica para publicar archivos para descargar de forma directa_

Pulsa
AQUÍ
para descargar

viernes, 14 de octubre de 2016

Como colocar ficheros

Queremos publicar una entrada en nuestro blog desde donde podamos descargar un fichero de forma directa es decir, que al clicar en el enlace salga directamente la ventana de descarga del archivo. Para conseguir esto, vamos a dar los siguientes pasos:
  1. Subir el archivo a Google Drive.
  2. Le damos a "obtener el enlace para compartir" y le damos permisos del tipo "cualquiera que reciba el enlace puede ver"
  3. En la dirección URL que goole genera para ese archivo, copiamos solo la parte del código del mismo, que puedes encontrar a partir de la etiqueta ?id= 
  4. Ejemplo:Dirección URLdel archivo :https://drive.google.com/open?id=XXXXXXX
  5. Adjuntemos el código copiado a la siguiente URL personalizada: hhtps://drivegoogle.com/uc?export=download&id=XXXXXXXX
  6. La URL anterior la copiamos y copiamos y la pegamos en la configuración del enlace donde nos pregunta ¿a qué URL debería dirigir este enlace? 
Ejemplo:
Clica para descargar

Con estos pasos conseguirás publicar en tu blog una entrada donde puedas colocar algún archivo para que tus visitantes lo puedan descargar de forma directa.