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 e Marta Arias.
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 “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.comunha páxina para crear liñas do tempo,  emprega os símbolos < > para poder copiar o código HTML.
Outro exemplo:www.Glogster.comunha 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 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:Un enlace (é o enderezo web deste vídeo)
 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 seleccionadoFai clic aquí
En teoría, isto xa o manexas: introducir o título da entrada, o texto, imaxes…Fai clic aquíO único “truco” a ter en conta é fixarte nesta pestana que pon Edición en HTML.
Observa como desapareceu a barra de ferramentas co tipo de letra, inserir imaxes…
Pon o título da entrada, igual ca sempreNeste espazo pegas o código HTML que copiaches de calquera dos servizos web 2.0 que ofrecen esta posibilidade.Pon etiquetas se queres…Publica a entrada
Así nos queda!!!
Indico a fonte da imaxeAgora tes tres opcións:1.- Vista previa para ver como che queda, pero non se publica en internet.2.- Gardala como borrador e seguir outro día (tampouco queda publicada)3.-  Publicar a entrada (podes modificala tamén nun futuro).

More Related Content

PPTX
Titorial: Como incrustar código HTML nun blog
PPTX
Titorial: Publicar entradas nun blog de Blogger
PPTX
Titorial: Crear un blog en blogger
PPTX
Titorial: Configurar un blog con Blogger
PPTX
Titorialconfigurarblog3
PDF
Como agregar un vídeo de youtube
PPTX
Manual de utilización de Blogger
PPTX
Eslvideo titorial
Titorial: Como incrustar código HTML nun blog
Titorial: Publicar entradas nun blog de Blogger
Titorial: Crear un blog en blogger
Titorial: Configurar un blog con Blogger
Titorialconfigurarblog3
Como agregar un vídeo de youtube
Manual de utilización de Blogger
Eslvideo titorial

Viewers also liked (8)

PPT
Week 2
PPT
Week 3
PPTX
Titorial: Como publicar entradas nun blog de Blogger
PPS
Tutankhamun And The Golden Age Of The Pharaohs
PPT
Museum Center Field Trip!
PPT
Week 4
PPT
U Of P Week 4
DOC
Reading Guide For Biodiversity And Plant Diversity
Week 2
Week 3
Titorial: Como publicar entradas nun blog de Blogger
Tutankhamun And The Golden Age Of The Pharaohs
Museum Center Field Trip!
Week 4
U Of P Week 4
Reading Guide For Biodiversity And Plant Diversity
Ad

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

DOC
Doc Word
PPT
DOC
Sesión 1 23feb2011
PDF
Usar o blog climantica
PDF
Usar o blog climantica
PDF
Glogster
DOC
Sesión 1 25mar2011
PDF
Manual blog
PDF
BLOGUES PASO A PASO NO UBUNTU
PPTX
Titorial blog cra bergondo
PDF
google docs
PDF
Introducir datos no blog
PPT
O blog como ferramenta didáctica
PPS
Crear Un Blog
PPTX
Titorial: Como configurar un blog en Blogger
PPT
Presentacion
PDF
Creación dun blog
ODP
Mutimedia opensource parte_ii
PPTX
Titorial: blogs con Blogger
Doc Word
Sesión 1 23feb2011
Usar o blog climantica
Usar o blog climantica
Glogster
Sesión 1 25mar2011
Manual blog
BLOGUES PASO A PASO NO UBUNTU
Titorial blog cra bergondo
google docs
Introducir datos no blog
O blog como ferramenta didáctica
Crear Un Blog
Titorial: Como configurar un blog en Blogger
Presentacion
Creación dun blog
Mutimedia opensource parte_ii
Titorial: blogs con Blogger
Ad

More from urraca60 (12)

PPTX
Cambiar datas nas tarefas en moodle
PPTX
Restaurar un curso na aula virtual Moodle.
PPTX
Titorial coggle
PPT
Acceso ao curso de Platega
PPTX
Taxas demograficas
PPTX
Taxas demograficas
PPTX
O tamano das cousas en potencia de 10
PPTX
Titorial: facer unha liña de tempo conTimeRime
PPTX
Marcadores sociais
PPT
Transicion Demografica
PPT
Imos Crear Un Blog Con Blogspot
PPT
Crear conta en Gmail
Cambiar datas nas tarefas en moodle
Restaurar un curso na aula virtual Moodle.
Titorial coggle
Acceso ao curso de Platega
Taxas demograficas
Taxas demograficas
O tamano das cousas en potencia de 10
Titorial: facer unha liña de tempo conTimeRime
Marcadores sociais
Transicion Demografica
Imos Crear Un Blog Con Blogspot
Crear conta en Gmail

Titorial: 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 e Marta Arias.
  • 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 “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.comunha páxina para crear liñas do tempo, emprega os símbolos < > para poder copiar o código HTML.
  • 5. Outro exemplo:www.Glogster.comunha 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 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. Observa o menú que se desprega:Un enlace (é o enderezo web deste vídeo)
  • 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 seleccionadoFai clic aquí
  • 13. En teoría, isto xa o manexas: introducir o título da entrada, o texto, imaxes…Fai clic aquíO único “truco” a ter en conta é fixarte nesta pestana que pon Edición en HTML.
  • 14. Observa como desapareceu a barra de ferramentas co tipo de letra, inserir imaxes…
  • 15. Pon o título da entrada, igual ca sempreNeste espazo pegas o código HTML que copiaches de calquera dos servizos web 2.0 que ofrecen esta posibilidade.Pon etiquetas se queres…Publica a entrada
  • 17. Indico a fonte da imaxeAgora tes tres opcións:1.- Vista previa para ver como che queda, pero non se publica en internet.2.- Gardala como borrador e seguir outro día (tampouco queda publicada)3.- Publicar a entrada (podes modificala tamén nun futuro).
  • 18. Titorial para incrustar código HTML nun blog (ou en calquera outro servizo web 2.0)FINElaborado por Miguel Carricoba e Marta Arias.