SlideShare ist ein Scribd-Unternehmen logo
1 von 34
CLASE 04.  AÑADIENDO VIDEOS Y PRESENTACIONES “ Creando un Blog en Lliurex”. Por Mario Quiles
GUIÓN CLASE 04. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
INTRODUCCIÓN AL “EMBEBIDO” DE APLICACIONES WEB CÓMO VAMOS A AÑADIR OBJETOS WEB A NUESTRO BLOG
DEFINICIÓN DE “EMBEBER”: 3.  tr.  Dicho de una cosa: Contener, encerrar dentro de sí a otra. 4.  tr.  Dicho de una cosa inmaterial: Incorporar, incluir dentro de sí a otra. 5.  tr.  Encajar, embutir, meter algo dentro de otra cosa. (Extraído del Diccionario de la RAE) LA WEB 2.0. NOS PERMITE INCORPORAR ESTA HERRAMIENTA, “EMBEBER OBJETOS”, EN NUESTRO BLOG.
EMBEBIENDO OBJETOS VAMOS A CONSEGUIR AÑADIR APLICACIONES (VÍDEO, POWERPOINTS, ENCUESTAS...) SIN QUE “PESEN” EN NUESTRO BLOG: CARGARÁN DESDE LAS PÁGINAS DONDE SE ENCUENTREN ORIGINALMENTE. MUCHAS PÁGINAS YA INCORPORAN EL CÓDIGO NECESARIO PARA REALIZAR ESTE TIPO DE ENLACE CON LO CUAL VAMOS A PODER AÑADIR DE FORMA SENCILLA MULTITUD DE MATERIAL MULTIMEDIA YA EXISTENTE EN INTERNET.
COMO MÉTODO GENERAL, EN LA PÁGINA TENDREMOS QUE BUSCAR UN TEXTO PARECIDO AL SIGUIENTE: “ OBJETO PARA EMBEBER”, “EMBED”, “INTEGRAR HTML”... Y COPIAR EL CÓDIGO QUE LE SIGUE EJEMPLO DE CÓDIGO: <embed style=&quot;width:400px; height:326px;&quot; id=&quot;VideoPlayback&quot; type=&quot;application/x-shockwave-flash&quot; src=&quot;http://video.google.com/googleplayer.swf?docId=2295360340367941531&hl=es&quot; flashvars=&quot;&quot;> </embed> NO NOS SERVIRÁN CÓDIGOS CREADOS ESPECIALMENTE PARA AUMENTAR LA COMPATIBILIDAD CON OTROS BLOGS COMO WORDPRESS O BLOGGER.
A CONTINUACIÓN, CUANDO ESTEMOS ESCRIBIENDO UN NUEVO POST PARA NUESTRO BLOG: CLICKAREMOS EL BOTÓN “HTML” Y EN LA VENTANA QUE SALGA INSERTAREMOS EL CÓDIGO. ESTO ES SÓLO UNA APROXIMACIÓN, MÁS ADELANTE LO VEREMOS PASO A PASO.
LOS BLOGS VAN EVOLUCIONANDO PARA PODER SER COMPATIBLES CON LA MAYORÍA DE SITIOS QUE PERMITEN EMBEBER SU CONTENIDO, SIN EMBARGO, USANDO BLOGIA, HEMOS OBSERVADO QUE HAY BASTANTES INCOMPATIBILIDADES, SOBRETODO EN CUANTO A PRESENTACIONES SE REFIERE (COMO BUBBLESHARE.COM O SLIDE.COM), QUE DARÁN PROBLEMAS. EN ESTA CLASE APRENDEREMOS A AÑADIR VÍDEOS Y PRESENTACIONES, COMPATIBLES CON BLOGIA.
AÑADIENDO UN VÍDEO DESDE YOUTUBE Y GOOGLE VIDEO
ABRIMOS FIREFOX VAMOS A EMPEZAR CON YOUTUBE ASÍ QUE NAVEGUEMOS HASTA ELLA: ( WWW.YOUTUBE.COM )
LO SIGUIENTE SERÁ SELECCIONAR UN VÍDEO, COMO ÉSTE: ( http :// www.youtube.com / watch?v = nSl0KKvv8rs ) ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP
VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
NUESTRO VÍDEO QUEDARÁ ASÍ REPRESENTADO EN LA VENTANA DEL POST PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
HEMOS INSERTADO NUESTRO VÍDEO DE YOUTUBE  ^_^
AHORA SELECCIONAREMOS UN VÍDEO DE GOOGLE VIDEO, NAVEGAMOS HASTA  EL RANKING:  http :// video.google.es / videoranking HEMOS SELECCIONADO ÉSTE:  http :// video.google.es / videoplay?docid =2295360340367941531 ESTA VEZ, ENCONTRAR EL CÓDIGO A EMBEBER VA A SER ALGO MÁS DIFÍCIL: EMPEZAREMOS POR CLICKAR “CORREO ELECTRÓNICO-BLOG”
SE DESPLEGARÁN LAS SIGUIENTES OPCIONES. CLICKAREMOS ENTONCES SOBRE “INTEGRAR HTML” PARA DESCUBRIR EL CÓDIGO
ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP PUBLICAR EL VÍDEO EN NUESTRO BLOG, UNA VEZ OBTENIDO EL CÓDIGO, SE HARÁ DE LA MISMA MANERA QUE ANTES, LA RECORDAMOS:
VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
EL “RECUADRO” DEL VÍDEO PUEDE A VECES MOSTRARSE EN BLANCO PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
HEMOS INSERTADO NUESTRO VÍDEO DE GOOGLE VIDEO  ^_^
AÑADIENDO UNA PRESENTACIÓN DESDE SLIDESHARE
ABRIMOS FIREFOX NAVEGUEMOS HASTA SLIDESHARE: ( WWW.SLIDESHARE.NET ) SI NO LO HEMOS HECHO YA
EN SLIDESHARE VAMOS A PODER ENCONTRAR PRESENTACIONES ONLINE DE DIFERENTES TEMÁTICAS
VAMOS A SELECCIONAR UNA PRESENTACIÓN, COMO ÉSTA: ( http :// www.slideshare.net / bprofesor /clase-03/ ) ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP PUBLICAR LA PRESENTACIÓN EN NUESTRO BLOG, UNA VEZ OBTENIDO EL CÓDIGO, SE HARÁ DE LA MISMA MANERA QUE VIMOS CON LOS VÍDEOS, LA RECORDAMOS:
VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
EL “RECUADRO” DE LA PRESENTACIÓN PUEDE A VECES MOSTRARSE EN BLANCO PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
HEMOS INSERTADO NUESTRA PRESENTACIÓN DE SLIDESHARE  ^_^
FIN DE LA CLASE 04. AÑADIENDO VIDEOS Y PRESENTACIONES “ Creando un Blog en Lliurex”. Por Mario Quiles

Weitere ähnliche Inhalte

Was ist angesagt?

¿Cómo subir una presentación a un blog?
¿Cómo subir una presentación a un blog?¿Cómo subir una presentación a un blog?
¿Cómo subir una presentación a un blog?
franpysofir
 
Cómo publicar una con vídeo
Cómo publicar una con vídeoCómo publicar una con vídeo
Cómo publicar una con vídeo
cbarranco7
 
Como subir un video de youtube a tu blogger
Como subir un video de youtube a tu bloggerComo subir un video de youtube a tu blogger
Como subir un video de youtube a tu blogger
Jaksson Palomo
 
Por medio de shared
Por medio de sharedPor medio de shared
Por medio de shared
dgarciavi
 
Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1
 Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1 Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1
Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1
walter191417
 
Boletin, Modulo 3
Boletin, Modulo 3Boletin, Modulo 3
Boletin, Modulo 3
Mariela Rv
 

Was ist angesagt? (19)

Manual youtube
Manual youtubeManual youtube
Manual youtube
 
Publicar un video en you tube - Blogger-aplic web 2.0
Publicar un video en you tube - Blogger-aplic web 2.0Publicar un video en you tube - Blogger-aplic web 2.0
Publicar un video en you tube - Blogger-aplic web 2.0
 
Gmail blog
Gmail blogGmail blog
Gmail blog
 
Tarea blogs sicela mejia
Tarea blogs sicela mejiaTarea blogs sicela mejia
Tarea blogs sicela mejia
 
¿Cómo subir una presentación a un blog?
¿Cómo subir una presentación a un blog?¿Cómo subir una presentación a un blog?
¿Cómo subir una presentación a un blog?
 
Presentación3
Presentación3Presentación3
Presentación3
 
Pps
PpsPps
Pps
 
Trabajo Practico
Trabajo PracticoTrabajo Practico
Trabajo Practico
 
Trabajo practico n°4
Trabajo practico n°4Trabajo practico n°4
Trabajo practico n°4
 
Cómo publicar una con vídeo
Cómo publicar una con vídeoCómo publicar una con vídeo
Cómo publicar una con vídeo
 
Como subir un video de youtube a tu blogger
Como subir un video de youtube a tu bloggerComo subir un video de youtube a tu blogger
Como subir un video de youtube a tu blogger
 
Por medio de shared
Por medio de sharedPor medio de shared
Por medio de shared
 
Insertar video en aula
Insertar video en aulaInsertar video en aula
Insertar video en aula
 
Manual para crear un blog educativo 1
Manual para crear un blog educativo 1Manual para crear un blog educativo 1
Manual para crear un blog educativo 1
 
Pasos para crear un video quiz en Educaplay
Pasos para crear un video quiz en EducaplayPasos para crear un video quiz en Educaplay
Pasos para crear un video quiz en Educaplay
 
Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1
 Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1 Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1
Tutoría lparaingresarinformacióndesdeelblog_walterquitian10-03.ppt_-1
 
nero 10
nero 10nero 10
nero 10
 
Boletin, Modulo 3
Boletin, Modulo 3Boletin, Modulo 3
Boletin, Modulo 3
 
Trabajo practico 6
Trabajo practico 6Trabajo practico 6
Trabajo practico 6
 

Andere mochten auch

Andere mochten auch (15)

2011 05 12 - ieb sare sozialetan dugun eragina neurtzen
2011 05 12 - ieb sare sozialetan dugun eragina neurtzen2011 05 12 - ieb sare sozialetan dugun eragina neurtzen
2011 05 12 - ieb sare sozialetan dugun eragina neurtzen
 
"Bocaditos" Social Media
"Bocaditos" Social Media "Bocaditos" Social Media
"Bocaditos" Social Media
 
Foro Grupal 2012 - Redes Sociales
Foro Grupal 2012 - Redes SocialesForo Grupal 2012 - Redes Sociales
Foro Grupal 2012 - Redes Sociales
 
Political Parties on Twitter: Singapore General Election 2011
Political Parties on Twitter: Singapore General Election 2011Political Parties on Twitter: Singapore General Election 2011
Political Parties on Twitter: Singapore General Election 2011
 
2016-02-03 research seminar
2016-02-03 research seminar2016-02-03 research seminar
2016-02-03 research seminar
 
Marketing de serviços
Marketing de serviçosMarketing de serviços
Marketing de serviços
 
Sistema financiero ilegal
Sistema financiero ilegalSistema financiero ilegal
Sistema financiero ilegal
 
Deber GDBD
Deber GDBDDeber GDBD
Deber GDBD
 
Comprometidos con el deporte
Comprometidos con el deporteComprometidos con el deporte
Comprometidos con el deporte
 
27
2727
27
 
My_CV (2)
My_CV (2)My_CV (2)
My_CV (2)
 
Emerging and Dynamic Trust Laws
Emerging and Dynamic Trust LawsEmerging and Dynamic Trust Laws
Emerging and Dynamic Trust Laws
 
Proceso de aceptación e implantación del producto
Proceso de aceptación e implantación del productoProceso de aceptación e implantación del producto
Proceso de aceptación e implantación del producto
 
TSP-STEM introductory lecture
TSP-STEM introductory lectureTSP-STEM introductory lecture
TSP-STEM introductory lecture
 
Mesa redonda en Buscadores Web - UPF
Mesa redonda en Buscadores Web - UPFMesa redonda en Buscadores Web - UPF
Mesa redonda en Buscadores Web - UPF
 

Ähnlich wie Clase 04.

Publicar una presentación en blogger
Publicar una presentación en bloggerPublicar una presentación en blogger
Publicar una presentación en blogger
aula216
 
Por medio de embed link
Por medio de embed linkPor medio de embed link
Por medio de embed link
dgarciavi
 
Examen tutoriales
Examen tutorialesExamen tutoriales
Examen tutoriales
jadci
 
Diapositivas ntics
Diapositivas nticsDiapositivas ntics
Diapositivas ntics
May Timbila
 
Colgar Trabajos De Alumnos
Colgar Trabajos De AlumnosColgar Trabajos De Alumnos
Colgar Trabajos De Alumnos
encarnajuticia
 
Resumenes tecnologia 2024 lpd priner periodo
Resumenes tecnologia 2024 lpd priner periodoResumenes tecnologia 2024 lpd priner periodo
Resumenes tecnologia 2024 lpd priner periodo
anagarciam3009
 
COMO CREAR UN BLOG
COMO CREAR UN BLOGCOMO CREAR UN BLOG
COMO CREAR UN BLOG
Gaby Vargas
 

Ähnlich wie Clase 04. (20)

TALLER DE EDUBLOG EN EDUCAPARTY
TALLER DE EDUBLOG EN EDUCAPARTYTALLER DE EDUBLOG EN EDUCAPARTY
TALLER DE EDUBLOG EN EDUCAPARTY
 
Publicar una presentación en blogger
Publicar una presentación en bloggerPublicar una presentación en blogger
Publicar una presentación en blogger
 
Como insertar videos
Como insertar videosComo insertar videos
Como insertar videos
 
Subir videos y ppts
Subir videos y pptsSubir videos y ppts
Subir videos y ppts
 
Por medio de embed link
Por medio de embed linkPor medio de embed link
Por medio de embed link
 
Publicar un video_en you tube y luego en blogger
Publicar un video_en you tube y luego en bloggerPublicar un video_en you tube y luego en blogger
Publicar un video_en you tube y luego en blogger
 
Examen tutoriales
Examen tutorialesExamen tutoriales
Examen tutoriales
 
Diapositivas ntics
Diapositivas nticsDiapositivas ntics
Diapositivas ntics
 
Video A Blog
Video A BlogVideo A Blog
Video A Blog
 
Blog
BlogBlog
Blog
 
Blogs
BlogsBlogs
Blogs
 
Manual blogger (2)
Manual blogger (2)Manual blogger (2)
Manual blogger (2)
 
Colgar Trabajos De Alumnos
Colgar Trabajos De AlumnosColgar Trabajos De Alumnos
Colgar Trabajos De Alumnos
 
Colgar Trabajos De Alumnos
Colgar Trabajos De AlumnosColgar Trabajos De Alumnos
Colgar Trabajos De Alumnos
 
Blogcrear1
Blogcrear1Blogcrear1
Blogcrear1
 
Resumenes tecnologia 2024 lpd priner periodo
Resumenes tecnologia 2024 lpd priner periodoResumenes tecnologia 2024 lpd priner periodo
Resumenes tecnologia 2024 lpd priner periodo
 
COMO CREAR UN BLOG
COMO CREAR UN BLOGCOMO CREAR UN BLOG
COMO CREAR UN BLOG
 
Pasos para crear un blog en blogger.com
Pasos para crear un blog en blogger.comPasos para crear un blog en blogger.com
Pasos para crear un blog en blogger.com
 
Que es un blog
Que es un blogQue es un blog
Que es un blog
 
Creación de Cuentas
Creación de CuentasCreación de Cuentas
Creación de Cuentas
 

Kürzlich hochgeladen

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Kürzlich hochgeladen (11)

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Clase 04.

  • 1. CLASE 04. AÑADIENDO VIDEOS Y PRESENTACIONES “ Creando un Blog en Lliurex”. Por Mario Quiles
  • 2.
  • 3. INTRODUCCIÓN AL “EMBEBIDO” DE APLICACIONES WEB CÓMO VAMOS A AÑADIR OBJETOS WEB A NUESTRO BLOG
  • 4. DEFINICIÓN DE “EMBEBER”: 3. tr. Dicho de una cosa: Contener, encerrar dentro de sí a otra. 4. tr. Dicho de una cosa inmaterial: Incorporar, incluir dentro de sí a otra. 5. tr. Encajar, embutir, meter algo dentro de otra cosa. (Extraído del Diccionario de la RAE) LA WEB 2.0. NOS PERMITE INCORPORAR ESTA HERRAMIENTA, “EMBEBER OBJETOS”, EN NUESTRO BLOG.
  • 5. EMBEBIENDO OBJETOS VAMOS A CONSEGUIR AÑADIR APLICACIONES (VÍDEO, POWERPOINTS, ENCUESTAS...) SIN QUE “PESEN” EN NUESTRO BLOG: CARGARÁN DESDE LAS PÁGINAS DONDE SE ENCUENTREN ORIGINALMENTE. MUCHAS PÁGINAS YA INCORPORAN EL CÓDIGO NECESARIO PARA REALIZAR ESTE TIPO DE ENLACE CON LO CUAL VAMOS A PODER AÑADIR DE FORMA SENCILLA MULTITUD DE MATERIAL MULTIMEDIA YA EXISTENTE EN INTERNET.
  • 6. COMO MÉTODO GENERAL, EN LA PÁGINA TENDREMOS QUE BUSCAR UN TEXTO PARECIDO AL SIGUIENTE: “ OBJETO PARA EMBEBER”, “EMBED”, “INTEGRAR HTML”... Y COPIAR EL CÓDIGO QUE LE SIGUE EJEMPLO DE CÓDIGO: <embed style=&quot;width:400px; height:326px;&quot; id=&quot;VideoPlayback&quot; type=&quot;application/x-shockwave-flash&quot; src=&quot;http://video.google.com/googleplayer.swf?docId=2295360340367941531&hl=es&quot; flashvars=&quot;&quot;> </embed> NO NOS SERVIRÁN CÓDIGOS CREADOS ESPECIALMENTE PARA AUMENTAR LA COMPATIBILIDAD CON OTROS BLOGS COMO WORDPRESS O BLOGGER.
  • 7. A CONTINUACIÓN, CUANDO ESTEMOS ESCRIBIENDO UN NUEVO POST PARA NUESTRO BLOG: CLICKAREMOS EL BOTÓN “HTML” Y EN LA VENTANA QUE SALGA INSERTAREMOS EL CÓDIGO. ESTO ES SÓLO UNA APROXIMACIÓN, MÁS ADELANTE LO VEREMOS PASO A PASO.
  • 8. LOS BLOGS VAN EVOLUCIONANDO PARA PODER SER COMPATIBLES CON LA MAYORÍA DE SITIOS QUE PERMITEN EMBEBER SU CONTENIDO, SIN EMBARGO, USANDO BLOGIA, HEMOS OBSERVADO QUE HAY BASTANTES INCOMPATIBILIDADES, SOBRETODO EN CUANTO A PRESENTACIONES SE REFIERE (COMO BUBBLESHARE.COM O SLIDE.COM), QUE DARÁN PROBLEMAS. EN ESTA CLASE APRENDEREMOS A AÑADIR VÍDEOS Y PRESENTACIONES, COMPATIBLES CON BLOGIA.
  • 9. AÑADIENDO UN VÍDEO DESDE YOUTUBE Y GOOGLE VIDEO
  • 10. ABRIMOS FIREFOX VAMOS A EMPEZAR CON YOUTUBE ASÍ QUE NAVEGUEMOS HASTA ELLA: ( WWW.YOUTUBE.COM )
  • 11. LO SIGUIENTE SERÁ SELECCIONAR UN VÍDEO, COMO ÉSTE: ( http :// www.youtube.com / watch?v = nSl0KKvv8rs ) ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
  • 12. NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP
  • 13. VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
  • 14. SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
  • 15. NUESTRO VÍDEO QUEDARÁ ASÍ REPRESENTADO EN LA VENTANA DEL POST PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
  • 16. HEMOS INSERTADO NUESTRO VÍDEO DE YOUTUBE ^_^
  • 17. AHORA SELECCIONAREMOS UN VÍDEO DE GOOGLE VIDEO, NAVEGAMOS HASTA EL RANKING: http :// video.google.es / videoranking HEMOS SELECCIONADO ÉSTE: http :// video.google.es / videoplay?docid =2295360340367941531 ESTA VEZ, ENCONTRAR EL CÓDIGO A EMBEBER VA A SER ALGO MÁS DIFÍCIL: EMPEZAREMOS POR CLICKAR “CORREO ELECTRÓNICO-BLOG”
  • 18. SE DESPLEGARÁN LAS SIGUIENTES OPCIONES. CLICKAREMOS ENTONCES SOBRE “INTEGRAR HTML” PARA DESCUBRIR EL CÓDIGO
  • 19. ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
  • 20. NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP PUBLICAR EL VÍDEO EN NUESTRO BLOG, UNA VEZ OBTENIDO EL CÓDIGO, SE HARÁ DE LA MISMA MANERA QUE ANTES, LA RECORDAMOS:
  • 21. VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
  • 22. SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
  • 23. EL “RECUADRO” DEL VÍDEO PUEDE A VECES MOSTRARSE EN BLANCO PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
  • 24. HEMOS INSERTADO NUESTRO VÍDEO DE GOOGLE VIDEO ^_^
  • 25. AÑADIENDO UNA PRESENTACIÓN DESDE SLIDESHARE
  • 26. ABRIMOS FIREFOX NAVEGUEMOS HASTA SLIDESHARE: ( WWW.SLIDESHARE.NET ) SI NO LO HEMOS HECHO YA
  • 27. EN SLIDESHARE VAMOS A PODER ENCONTRAR PRESENTACIONES ONLINE DE DIFERENTES TEMÁTICAS
  • 28. VAMOS A SELECCIONAR UNA PRESENTACIÓN, COMO ÉSTA: ( http :// www.slideshare.net / bprofesor /clase-03/ ) ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
  • 29. NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP PUBLICAR LA PRESENTACIÓN EN NUESTRO BLOG, UNA VEZ OBTENIDO EL CÓDIGO, SE HARÁ DE LA MISMA MANERA QUE VIMOS CON LOS VÍDEOS, LA RECORDAMOS:
  • 30. VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
  • 31. SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
  • 32. EL “RECUADRO” DE LA PRESENTACIÓN PUEDE A VECES MOSTRARSE EN BLANCO PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
  • 33. HEMOS INSERTADO NUESTRA PRESENTACIÓN DE SLIDESHARE ^_^
  • 34. FIN DE LA CLASE 04. AÑADIENDO VIDEOS Y PRESENTACIONES “ Creando un Blog en Lliurex”. Por Mario Quiles