SlideShare a Scribd company logo
Titorial para incrustar código HTML nun blog  (ou en calquera outro servizo web 2.0) Elaborado por Miguel Carricoba Armesto e Marta Arias López.
Seguro que viches moitos blogs que conteñen nas súas entradas vídeos, presentacións multimedia, liñas de tempo…  Inserir estes contidos no teu blog non é complicado…  só precisas ter o “código HTML” do recurso. Este aparece tras botóns que nos ofrecen “inserir”, “incrustar”, ou en castelán “insertar”, ou en inglés “embed”, ou cos símbolos  < >
Por exemplo: www.Slideshare.net ofrece a opción “embed” para incrustar as súas presentacións.
Outro exemplo: www.TimeRime.com unha páxina para crear liñas do tempo,   emprega os símbolos < >para poder copiar o código HTML.
Outro exemplo: www.Glogster.com unha páxina para crear pósteres multimedia,  debaixo do glogster, aparece a opción de “embedintoyourpage” que ven a ser “insíreo na túa páxina”
www.youtube.com tamén ofrece a opción de incrustar os seus vídeos no noso blog. Imos facer a práctica xustamente con este servizo. ?
Busca en internet un vídeo que che interese. (eu, seguindoco blog de proba, busco un sobre o adianto electoral) Fai clic neste botón de “compartir”
Observa o menú que se desprega: ,[object Object]
 Un botón que di “inserir”Fai clic nel
Este é o código HTML que tes que copiar, ben con axuda do botón dereito do rato, ou coa combinación de teclas CTRL+C
1º.-  Agora temos que acceder ao noso blog.  Teclea aquí o enderezo electrónico e o contrasinal que usaches no rexistro.
2º.-  Imos crear unha nova entrada co vídeo  Seleccionado…  Fai clic aquí
Pon o título da entrada, igual ca sempre Fai clic aquí Pon etiquetas se queres…
Observa como desapareceu a barra de ferramentas co tipo de letra, inserir imaxes…  Publica a entrada Neste espazo pegas o código HTML que copiaches de calquera dos servizos web 2.0 que ofrecen esta posibilidade. Podes usar o botón dereito do rato ou a combinación de teclas CTRL+V
Así nos queda!!!

More Related Content

What's hot

Titorial: incrustar código HTML nun blog
Titorial: incrustar código HTML nun blogTitorial: incrustar código HTML nun blog
Titorial: incrustar código HTML nun blogurraca60
 
Creación de un blog con blogger
Creación de un blog con bloggerCreación de un blog con blogger
Creación de un blog con blogger
aa40estudo
 
Crear unha webquest
Crear unha webquestCrear unha webquest
Crear unha webquestjmgyanes
 
Manual symbaloo EDU
Manual symbaloo EDUManual symbaloo EDU
Manual symbaloo EDU
David Fociños
 
Imos Crear Un Blog Con Blogspot
Imos Crear Un Blog Con BlogspotImos Crear Un Blog Con Blogspot
Imos Crear Un Blog Con Blogspoturraca60
 
Pautasaccesibilidade moodle exe
Pautasaccesibilidade moodle exePautasaccesibilidade moodle exe
Pautasaccesibilidade moodle exe
Manuel Torres Búa
 
Presentacion Practica No
Presentacion Practica NoPresentacion Practica No
Presentacion Practica Nojavier
 
Tarefa12 1
Tarefa12 1Tarefa12 1
Tarefa12 1
anamarespcer
 
Tutorial blogger-v2r
Tutorial blogger-v2rTutorial blogger-v2r
Tutorial blogger-v2rfacendoblog
 
Un blogue en Blogaliza
Un blogue en BlogalizaUn blogue en Blogaliza
Un blogue en Blogaliza
Luciano Fernández
 
Presentación Blog
Presentación BlogPresentación Blog
Presentación Blog
David Loures
 
Manual blog
Manual blogManual blog
Manual blog
Geni Cereijo Graña
 
Noelia FernáNdez GarcíA
Noelia FernáNdez GarcíANoelia FernáNdez GarcíA
Noelia FernáNdez GarcíA
ecursocig
 
1. Como publicar un artigo na páxina do CRA?
1. Como publicar un artigo na páxina do CRA?1. Como publicar un artigo na páxina do CRA?
1. Como publicar un artigo na páxina do CRA?Ramón París Lago
 
Como facer un blog
Como facer un blogComo facer un blog
Como facer un blog
Pablo Ben Lestón
 
2. Como poñer unha foto no artigo?
2. Como poñer unha foto no artigo?2. Como poñer unha foto no artigo?
2. Como poñer unha foto no artigo?Ramón París Lago
 

What's hot (20)

Titorial: incrustar código HTML nun blog
Titorial: incrustar código HTML nun blogTitorial: incrustar código HTML nun blog
Titorial: incrustar código HTML nun blog
 
Creación de un blog con blogger
Creación de un blog con bloggerCreación de un blog con blogger
Creación de un blog con blogger
 
Crear unha webquest
Crear unha webquestCrear unha webquest
Crear unha webquest
 
Manual symbaloo EDU
Manual symbaloo EDUManual symbaloo EDU
Manual symbaloo EDU
 
Imos Crear Un Blog Con Blogspot
Imos Crear Un Blog Con BlogspotImos Crear Un Blog Con Blogspot
Imos Crear Un Blog Con Blogspot
 
Pautasaccesibilidade moodle exe
Pautasaccesibilidade moodle exePautasaccesibilidade moodle exe
Pautasaccesibilidade moodle exe
 
P.67
P.67P.67
P.67
 
Presentacion Practica No
Presentacion Practica NoPresentacion Practica No
Presentacion Practica No
 
Introducir datos no blog
Introducir datos no blogIntroducir datos no blog
Introducir datos no blog
 
Tarefa12 1
Tarefa12 1Tarefa12 1
Tarefa12 1
 
Phpwebquestgalego
PhpwebquestgalegoPhpwebquestgalego
Phpwebquestgalego
 
Tutorial blogger-v2r
Tutorial blogger-v2rTutorial blogger-v2r
Tutorial blogger-v2r
 
Un blogue en Blogaliza
Un blogue en BlogalizaUn blogue en Blogaliza
Un blogue en Blogaliza
 
Presentación Blog
Presentación BlogPresentación Blog
Presentación Blog
 
Manual blog
Manual blogManual blog
Manual blog
 
1. Como publicar un artigo?
1. Como publicar un artigo?1. Como publicar un artigo?
1. Como publicar un artigo?
 
Noelia FernáNdez GarcíA
Noelia FernáNdez GarcíANoelia FernáNdez GarcíA
Noelia FernáNdez GarcíA
 
1. Como publicar un artigo na páxina do CRA?
1. Como publicar un artigo na páxina do CRA?1. Como publicar un artigo na páxina do CRA?
1. Como publicar un artigo na páxina do CRA?
 
Como facer un blog
Como facer un blogComo facer un blog
Como facer un blog
 
2. Como poñer unha foto no artigo?
2. Como poñer unha foto no artigo?2. Como poñer unha foto no artigo?
2. Como poñer unha foto no artigo?
 

Similar to Titorial: Como incrustar código HTML nun blog

Creación e edición de espazos web.pps
Creación e edición de espazos web.ppsCreación e edición de espazos web.pps
Creación e edición de espazos web.ppsIES Monte Carrasco
 
Creación e edición de espazos web.pps
Creación e edición de espazos web.ppsCreación e edición de espazos web.pps
Creación e edición de espazos web.ppsIES Monte Carrasco
 
Creación e edición de espazos Web
Creación e edición de espazos WebCreación e edición de espazos Web
Creación e edición de espazos WebIES Monte Carrasco
 
BLOGUES PASO A PASO NO UBUNTU
BLOGUES PASO A PASO NO UBUNTUBLOGUES PASO A PASO NO UBUNTU
BLOGUES PASO A PASO NO UBUNTU
francisca vega
 
Creación e edición de espazos web
Creación e edición de espazos webCreación e edición de espazos web
Creación e edición de espazos webIES Monte Carrasco
 
Glogster
GlogsterGlogster
Glogster
sociaisabalar
 
Como agregar un vídeo de youtube
Como agregar un vídeo de youtubeComo agregar un vídeo de youtube
Como agregar un vídeo de youtubePlastilina3
 
Presentacion de Slideshare, Scribd y Issuu
Presentacion de Slideshare, Scribd y IssuuPresentacion de Slideshare, Scribd y Issuu
Presentacion de Slideshare, Scribd y Issuumariaverin
 
Titorial: facer unha liña de tempo conTimeRime
Titorial: facer unha liña de tempo conTimeRimeTitorial: facer unha liña de tempo conTimeRime
Titorial: facer unha liña de tempo conTimeRimeurraca60
 
Presentacion De Ivan
Presentacion De IvanPresentacion De Ivan
Presentacion De IvanIván
 
Mutimedia opensource parte_ii
Mutimedia opensource parte_iiMutimedia opensource parte_ii
Mutimedia opensource parte_ii
xose anton Vila
 
O teu espazo en Slideshare
O teu espazo en SlideshareO teu espazo en Slideshare
O teu espazo en Slideshare
RomeoBarreiro
 
Titorial: Crear unha liña de tempo con TimeRime
Titorial: Crear unha liña de tempo con TimeRimeTitorial: Crear unha liña de tempo con TimeRime
Titorial: Crear unha liña de tempo con TimeRimesociaisabalar
 
Drupal - CEE O Pino
Drupal - CEE O PinoDrupal - CEE O Pino
Drupal - CEE O Pino
Diego Rodicio Álvarez
 

Similar to Titorial: Como incrustar código HTML nun blog (20)

Crear Un Blog
Crear Un BlogCrear Un Blog
Crear Un Blog
 
Creación e edición de espazos web.pps
Creación e edición de espazos web.ppsCreación e edición de espazos web.pps
Creación e edición de espazos web.pps
 
Creación e edición de espazos web.pps
Creación e edición de espazos web.ppsCreación e edición de espazos web.pps
Creación e edición de espazos web.pps
 
Creación e edición de espazos Web
Creación e edición de espazos WebCreación e edición de espazos Web
Creación e edición de espazos Web
 
Usar o blog climantica
Usar o blog climanticaUsar o blog climantica
Usar o blog climantica
 
Usar o blog climantica
Usar o blog climanticaUsar o blog climantica
Usar o blog climantica
 
BLOGUES PASO A PASO NO UBUNTU
BLOGUES PASO A PASO NO UBUNTUBLOGUES PASO A PASO NO UBUNTU
BLOGUES PASO A PASO NO UBUNTU
 
Creación e edición de espazos web
Creación e edición de espazos webCreación e edición de espazos web
Creación e edición de espazos web
 
CreacióN Dun Blog
CreacióN Dun BlogCreacióN Dun Blog
CreacióN Dun Blog
 
Glogster
GlogsterGlogster
Glogster
 
B
BB
B
 
Como agregar un vídeo de youtube
Como agregar un vídeo de youtubeComo agregar un vídeo de youtube
Como agregar un vídeo de youtube
 
Presentacion de Slideshare, Scribd y Issuu
Presentacion de Slideshare, Scribd y IssuuPresentacion de Slideshare, Scribd y Issuu
Presentacion de Slideshare, Scribd y Issuu
 
Titorial: facer unha liña de tempo conTimeRime
Titorial: facer unha liña de tempo conTimeRimeTitorial: facer unha liña de tempo conTimeRime
Titorial: facer unha liña de tempo conTimeRime
 
Presentacion De Ivan
Presentacion De IvanPresentacion De Ivan
Presentacion De Ivan
 
Mutimedia opensource parte_ii
Mutimedia opensource parte_iiMutimedia opensource parte_ii
Mutimedia opensource parte_ii
 
O teu espazo en Slideshare
O teu espazo en SlideshareO teu espazo en Slideshare
O teu espazo en Slideshare
 
Titorial: Crear unha liña de tempo con TimeRime
Titorial: Crear unha liña de tempo con TimeRimeTitorial: Crear unha liña de tempo con TimeRime
Titorial: Crear unha liña de tempo con TimeRime
 
Drupal - CEE O Pino
Drupal - CEE O PinoDrupal - CEE O Pino
Drupal - CEE O Pino
 
Presentacion
PresentacionPresentacion
Presentacion
 

More from sociaisabalar

Titorial: Como exportar marcadores de explorer a mister wong
Titorial: Como exportar marcadores de explorer a mister wongTitorial: Como exportar marcadores de explorer a mister wong
Titorial: Como exportar marcadores de explorer a mister wongsociaisabalar
 
Titorial: Redireccionar a conta edu.xunta.es
Titorial: Redireccionar a conta edu.xunta.esTitorial: Redireccionar a conta edu.xunta.es
Titorial: Redireccionar a conta edu.xunta.essociaisabalar
 
Como mirar as nosas cualificacións en Moodl
Como mirar as nosas cualificacións en MoodlComo mirar as nosas cualificacións en Moodl
Como mirar as nosas cualificacións en Moodlsociaisabalar
 
Titorial: A fiabilidade das fontes en Internet
Titorial: A fiabilidade das fontes en InternetTitorial: A fiabilidade das fontes en Internet
Titorial: A fiabilidade das fontes en Internetsociaisabalar
 
Titorial: Uso de wordle para crear nubes de palabras
Titorial: Uso de wordle para crear nubes de palabrasTitorial: Uso de wordle para crear nubes de palabras
Titorial: Uso de wordle para crear nubes de palabrassociaisabalar
 
Titorial: Uso de Mister-Wong
Titorial: Uso de Mister-WongTitorial: Uso de Mister-Wong
Titorial: Uso de Mister-Wongsociaisabalar
 
Titorial: Busca avanzada con Google
Titorial: Busca avanzada con GoogleTitorial: Busca avanzada con Google
Titorial: Busca avanzada con Googlesociaisabalar
 
Titorial: Dvolver moviemaker
Titorial: Dvolver moviemakerTitorial: Dvolver moviemaker
Titorial: Dvolver moviemaker
sociaisabalar
 
Titorial Dropbox
Titorial DropboxTitorial Dropbox
Titorial Dropbox
sociaisabalar
 
Titorial slideshare
Titorial slideshareTitorial slideshare
Titorial slideshare
sociaisabalar
 
Titorial Scribd
Titorial ScribdTitorial Scribd
Titorial Scribd
sociaisabalar
 
Titorial Álbum web Picasa
Titorial Álbum web PicasaTitorial Álbum web Picasa
Titorial Álbum web Picasa
sociaisabalar
 

More from sociaisabalar (12)

Titorial: Como exportar marcadores de explorer a mister wong
Titorial: Como exportar marcadores de explorer a mister wongTitorial: Como exportar marcadores de explorer a mister wong
Titorial: Como exportar marcadores de explorer a mister wong
 
Titorial: Redireccionar a conta edu.xunta.es
Titorial: Redireccionar a conta edu.xunta.esTitorial: Redireccionar a conta edu.xunta.es
Titorial: Redireccionar a conta edu.xunta.es
 
Como mirar as nosas cualificacións en Moodl
Como mirar as nosas cualificacións en MoodlComo mirar as nosas cualificacións en Moodl
Como mirar as nosas cualificacións en Moodl
 
Titorial: A fiabilidade das fontes en Internet
Titorial: A fiabilidade das fontes en InternetTitorial: A fiabilidade das fontes en Internet
Titorial: A fiabilidade das fontes en Internet
 
Titorial: Uso de wordle para crear nubes de palabras
Titorial: Uso de wordle para crear nubes de palabrasTitorial: Uso de wordle para crear nubes de palabras
Titorial: Uso de wordle para crear nubes de palabras
 
Titorial: Uso de Mister-Wong
Titorial: Uso de Mister-WongTitorial: Uso de Mister-Wong
Titorial: Uso de Mister-Wong
 
Titorial: Busca avanzada con Google
Titorial: Busca avanzada con GoogleTitorial: Busca avanzada con Google
Titorial: Busca avanzada con Google
 
Titorial: Dvolver moviemaker
Titorial: Dvolver moviemakerTitorial: Dvolver moviemaker
Titorial: Dvolver moviemaker
 
Titorial Dropbox
Titorial DropboxTitorial Dropbox
Titorial Dropbox
 
Titorial slideshare
Titorial slideshareTitorial slideshare
Titorial slideshare
 
Titorial Scribd
Titorial ScribdTitorial Scribd
Titorial Scribd
 
Titorial Álbum web Picasa
Titorial Álbum web PicasaTitorial Álbum web Picasa
Titorial Álbum web Picasa
 

Titorial: Como incrustar código HTML nun blog

  • 1. Titorial para incrustar código HTML nun blog (ou en calquera outro servizo web 2.0) Elaborado por Miguel Carricoba Armesto e Marta Arias López.
  • 2. Seguro que viches moitos blogs que conteñen nas súas entradas vídeos, presentacións multimedia, liñas de tempo… Inserir estes contidos no teu blog non é complicado… só precisas ter o “código HTML” do recurso. Este aparece tras botóns que nos ofrecen “inserir”, “incrustar”, ou en castelán “insertar”, ou en inglés “embed”, ou cos símbolos < >
  • 3. Por exemplo: www.Slideshare.net ofrece a opción “embed” para incrustar as súas presentacións.
  • 4. Outro exemplo: www.TimeRime.com unha páxina para crear liñas do tempo, emprega os símbolos < >para poder copiar o código HTML.
  • 5. Outro exemplo: www.Glogster.com unha páxina para crear pósteres multimedia, debaixo do glogster, aparece a opción de “embedintoyourpage” que ven a ser “insíreo na túa páxina”
  • 6. www.youtube.com tamén ofrece a opción de incrustar os seus vídeos no noso blog. Imos facer a práctica xustamente con este servizo. ?
  • 7. Busca en internet un vídeo que che interese. (eu, seguindoco blog de proba, busco un sobre o adianto electoral) Fai clic neste botón de “compartir”
  • 8.
  • 9. Un botón que di “inserir”Fai clic nel
  • 10. Este é o código HTML que tes que copiar, ben con axuda do botón dereito do rato, ou coa combinación de teclas CTRL+C
  • 11. 1º.- Agora temos que acceder ao noso blog. Teclea aquí o enderezo electrónico e o contrasinal que usaches no rexistro.
  • 12. 2º.- Imos crear unha nova entrada co vídeo Seleccionado… Fai clic aquí
  • 13. Pon o título da entrada, igual ca sempre Fai clic aquí Pon etiquetas se queres…
  • 14. Observa como desapareceu a barra de ferramentas co tipo de letra, inserir imaxes… Publica a entrada Neste espazo pegas o código HTML que copiaches de calquera dos servizos web 2.0 que ofrecen esta posibilidade. Podes usar o botón dereito do rato ou a combinación de teclas CTRL+V
  • 16. Titorial para incrustar código HTML nun blog (ou en calquera outro servizo web 2.0) FIN Elaborado por Miguel Carricoba Armesto e Marta AriasLópez.