cómo "embeber" / insertar contenidos multimedia en blogger

22
Cómo Embeber / insertar contenido multimedia en blogger Busca imágenes, vídeos o presentaciones: Youtube Flick Slideshare No es necesario registro; pero si tienes cuenta, mejor. Usa los cuadros de búsqueda de la parte superior, o directamente usa un buscador.

Upload: rafael-ballesteros

Post on 26-Jun-2015

1.912 views

Category:

Social Media


5 download

DESCRIPTION

Cómo "embeber" / insertar contenidos multimedia en blogger: vídeos de Youtube, imágenes de Flickr o presentaciones de SlideShare.

TRANSCRIPT

Page 1: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Busca imágenes, vídeos o presentaciones:

– Youtube

– Flick

– Slideshare● No es necesario registro; pero si tienes cuenta, mejor.

● Usa los cuadros de búsqueda de la parte superior, o directamente usa un buscador.

Page 2: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● ¿has encontrado lo que buscabas?● ¿Lo quieres insertar en tu web?

Page 3: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Debajo del título: Compartir / Insertar. Elige el tamaño según el espacio que tengas

Page 4: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Copia el código que te proporciona

Page 5: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Logueáte en blogger.com y accede al panel de control de tu blog.

● Pincha en la sección “entradas” y edita la que quieras o abre una nueva entrada

Page 6: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Entra en la pestaña “html”

Page 7: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Pega el código de Youtube en el lugar que quieras

Page 8: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Si vuelves a la sección “Redactar”… verás el vídeo en formato youtube.

● Sigue editando la entrada normalmente. Usa la vista previa.

Page 9: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● También puedes añadirlo a una sección fija, por ejemplo de un lateral.

● Desde el panel de control, accede a la sección “diseño”

Page 10: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Selecciona “Añadir un gadget” de la sección que quieras

● Se abrirá una ventana emergente con un listado de gadgets disponibles

Page 11: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Elije el gadget “html / javascript”

Page 12: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Ahora de permite configurar “html / javascript”

Page 13: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Pega el código de youtube en la sección “Contenido” y dale a guardar

Page 14: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● El nuevo gadget se habrá añadido el primero de la lista

● Lo puedes editar desde allí.

● Usa la vista previa para verificar y si está correcto “guarda disposición”

Page 15: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Si ha quedado demasiado grande o demasiado pequeño modifica el código original de Youtube y vuelve a empezar.

● Asegúrate de averiguar el espacio que tienes disponible

Page 16: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Flickr proporciona también su propio código de inserción.

Page 17: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Selecciona el tamaño adecuado al espacio disponible

Page 18: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Copia el código que te proporciona y pégalo en blogger igual que hicimos con el vídeo de youtube.

Page 19: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● SlideShare también genera código para insertar. Una vez selecionada la presentación, pincha en “embed”

Page 20: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● Escoge el tamaño necesario, copia el código y pégalo en el lugar de la web que prefieras.

Page 21: Cómo "embeber" / insertar contenidos multimedia en blogger

Cómo Embeber / insertar contenido multimedia en blogger

● No haces hotlinking

● El archivo original está alojado en un servidor distinto del tuyo. Guarda una copia en lugar seguro.

● El alojamiento es gratuito.

– Flickr tiene un límite de 200 fotos antes de tener que pagar

– Youtube puede insertar publicidad

● Aligera la carga de la página al “llamar” al archivo a un servicio externo.

● La visita se le contará al propietario del archivo en los servicios externos. Si eres tú, mucho mejor, porque…

● En caso de que el dueño elimine el archivo, dejará de verse en tu web.

Page 22: Cómo "embeber" / insertar contenidos multimedia en blogger

Gracias

@DesEquiLIBROS DesEquiLIBROS.blogspot.com

DesEquiLIBROS [email protected] Fb/DesEquiLIBROS www.DesEquiLIBROS.com