domingo, 6 de noviembre de 2016

Añade un widget sobre tí

1. Selecciona o haz una foto tuya.

2. Sube la foto a Dropbox. En el caso de no tener cuenta en Dropbox, pide ayuda

a un adulto para crearte una cuenta.

3. Graba un audio explicando como eres. Este audio debe estar en formato mp3, por lo que si el formato en que lo has grabado no es este, puedes convertirlo utilizando esta página.

4. Igual que en el punto 2, sube este audio en mp3 a Dropbox

5. Abre una nueva pestaña con la página de configuración de tu Blog. En la columna de la izquierda, haz click en la opción de Diseño.

6. Pinche en "Añadir un gadget", en la zona en la que quieras añadir el widget sobre tí (por ejemplo, en la zona 'sidebar-right-1'). En el pop-up que se abre, selecciona HTML/Javascript (como en la imagen que puedes ver abajo)

7. Copia el siguiente código:

<style>.audio-photo-component{width:300px;}
.audio-photo-component>*{width:100%;height:auto;}</style> <figure class="audio-photo-component"> <img src="{{URL_IMAGEN}}&dl=1" alt=""> <audio controls> <source src="{{URL_AUDIO}}&dl=1"> </audio> </figure>

8. A continuación, vamos a reemplazar los campos en color rojo con lo necesario para formar vuestro propio widget con vuestra imagen y audio. En Dropbox, haz click en Compartir en la imagen que subiste en el punto 2, y a continuación haz click en el botón 'obtener un vínculo'. Copia este vínculo y sustitúyelo por el texto {{URL_IMAGEN}}

9. Al igual que en el punto 8, hacemos lo mismo con el audio. En Dropbox, haz click en Compartir en el audio que subimos en el punto 4 y a continuación haz click en el botón 'obtener un vínculo'. Copia este vínculo y sustitúyelo por el texto {{URL_AUDIO}}

10. ¡Ya lo tienes! Haz click en el botón de guardar (abajo a la izquierda); y al volver a cargar tu blog, ya aparecerá tu nuevo widget sobre tí.

No hay comentarios:

Publicar un comentario