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

Post on 26-Jun-2015

1.913 Views

Category:

Social Media

5 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

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.

Cómo Embeber / insertar contenido multimedia en blogger

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

Cómo Embeber / insertar contenido multimedia en blogger

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

Cómo Embeber / insertar contenido multimedia en blogger

● Copia el código que te proporciona

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

Cómo Embeber / insertar contenido multimedia en blogger

● Entra en la pestaña “html”

Cómo Embeber / insertar contenido multimedia en blogger

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

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.

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”

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

Cómo Embeber / insertar contenido multimedia en blogger

● Elije el gadget “html / javascript”

Cómo Embeber / insertar contenido multimedia en blogger

● Ahora de permite configurar “html / javascript”

Cómo Embeber / insertar contenido multimedia en blogger

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

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”

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

Cómo Embeber / insertar contenido multimedia en blogger

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

Cómo Embeber / insertar contenido multimedia en blogger

● Selecciona el tamaño adecuado al espacio disponible

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.

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”

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.

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.

Gracias

@DesEquiLIBROS DesEquiLIBROS.blogspot.com

DesEquiLIBROS DesEquiLIBROS@gmail.com Fb/DesEquiLIBROS www.DesEquiLIBROS.com

top related