SlideShare una empresa de Scribd logo
.:inserción de imágenes:.
.:en blogger.com:.
Tutorial hecho por:
Prof. Juan Antonio RuFFino
@profesorRuFFino On Twitter
Escritorio de Blogger
Pulsamos el botón naranja
que siempre nos va a indicar
la ejecución de una nueva entrada
• Una vez que hemos pulsado el botón naranja,
llamado “nueva entrada”, se despliega el menú
de edición
• Y en la parte superior aparece la botonera
principal, que es “tal cual” a la misma interfaz o
ventana de un servidor de correo electrónico
• Luego, pulsamos “clic” en el botón de
imágenes, cuyo icono hoy día es “un botón
universal”
Al haber pulsado el botón “imágenes”
se superpone un menú de diálogo,
diseñado para la inserción de imágenes
Al haber pulsado el botón “imágenes”
se superpone un menú de diálogo,
diseñado para la inserción de imágenes
Una vez que hemos abierto este
menú, habilitamos otra pestaña
del navegador, para poder ingresar
a “google imágenes”
Cómo insertar imágenes en Blogger.com
• Escribimos aquello que deseamos buscar…
Escogemos una imagen, llevando el cursor
del mouse a aquella imagen que deseamos
seleccionar…
Una vez seleccionada la imagen que
escogimos, aparecerá esta ventana
Hacemos clic con la tecla derecha
del mouse sobre la imagen
Hacemos clic con la tecla derecha
del mouse sobre la imagen, y al desplegarse
el menú emergente escogemos la opción
“Copiar URL de la imagen”
Otra opción de llegar a la URL de la imagen
es haciendo clic en el hipertexto
que se lee TAMAÑO COMPLETO
En la nueva ventana de “imágenes”
de google, hay una nueva variable…

Para llegar a la URL de la imagen debes
hacer clic en el botón que se lee como
VER IMAGEN
Llegando así a la ventana final, con
la imagen en su tamaño natural y con
la URL en la parte superior central..!
Hacemos “clic” con la tecla izquierda del mouse,
logrando “sombrear en azul” la dirección web,
luego se hace clic sobre la misma dirección con la
tecla derecha del mouse, desplegándose un menú
emergente donde pulsaremos “copiar”
Una vez realizado el paso anterior, volvemos
a la ventana o cuadro de diálogo que dejamos
abierta en blogger.com
Escogemos la opción llamada
“Desde una URL”
Habilitándose una caja de texto donde
pegaremos la dirección web de donde
proviene la imagen
Hacemos “clic” con la tecla derecha del
mouse en la misma caja de texto,
desplegándose un menú emergente
Al momento de insertar la URL, aparecerá
en el recuadro la imagen seleccionada
Se pulsa el botón
“Añadir a las imágenes seleccionadas”
Finalmente, la imagen queda insertada
en la ventana de edición
edici
Es de hacer notar, que si haces “clic”
(tecla izquierda del mouse) sobre la imagen que has
insertado, se va a desplegar un menú en la parte
inferior de la imagen,
como se muestra en la diapositiva siguiente 
Esto te va a permitir la edición de la imagen
a utilizar para la publicación correspondiente…
…espero que te haya sido de
mucha utilidad…

Más contenido relacionado

PPTX
Como insertar una imagen al blog
PPT
Tu Blog En Wordpress
PPTX
WordPress-1
PPTX
Como crear un blog
PPTX
Trabajo informatica
PPTX
Como crear blog en WordPress
PDF
Album de fotos en google drive
PDF
Elaboración de un blog
Como insertar una imagen al blog
Tu Blog En Wordpress
WordPress-1
Como crear un blog
Trabajo informatica
Como crear blog en WordPress
Album de fotos en google drive
Elaboración de un blog

La actualidad más candente (15)

PPS
Shildeshared
PPTX
Creación de un blog
PPTX
Blog formación enero
PPS
Cómo agregar imágenes a un evento de timerime
PPT
Artículos en Jeroweb
PPT
Tutorial Blogger . PUCEVIRTUAL
PDF
02. Blogger. Creación del blog
PPTX
Manual de blog
PDF
Wix1
PPT
Presentación del blog
PPTX
Como subir presentaciones en un blog
PPT
PRESENTACION DE UN BLOG
PPT
Crear Blog
PPTX
Bloger
ODP
Presentacion mala
Shildeshared
Creación de un blog
Blog formación enero
Cómo agregar imágenes a un evento de timerime
Artículos en Jeroweb
Tutorial Blogger . PUCEVIRTUAL
02. Blogger. Creación del blog
Manual de blog
Wix1
Presentación del blog
Como subir presentaciones en un blog
PRESENTACION DE UN BLOG
Crear Blog
Bloger
Presentacion mala
Publicidad

Similar a Cómo insertar imágenes en Blogger.com (20)

PPT
Picnik
PPT
Tutorial Básico PowerPoint
PDF
Cuadernia instalacion y_manejo
PDF
Cuadernia instalacióon y manejo
PPT
Como escribir en un wiki, insertar imágenes y enlaces
PPTX
Tutorial power point
PPTX
1. guia blogger
PPT
Tratamiento BáSico De FotografíAs
PPTX
Powerpoint about PowerPoint
PDF
8 trucos para crear un vídeo en powerpoint 2010
DOCX
PPSX
Como hacer presentaciones en genially
PPTX
Manual de powerpoint 4º "A"
PPT
Desarrollo De Un Blog
PPT
Desarrollodeunblog 1234740307376014-1
POTX
Tema3 potx
PPT
Clase1
PPT
Historia De Las Medidas Del Tiempo
PDF
Tutorial piZap
PDF
2015 tutorial 1_cuadernia
Picnik
Tutorial Básico PowerPoint
Cuadernia instalacion y_manejo
Cuadernia instalacióon y manejo
Como escribir en un wiki, insertar imágenes y enlaces
Tutorial power point
1. guia blogger
Tratamiento BáSico De FotografíAs
Powerpoint about PowerPoint
8 trucos para crear un vídeo en powerpoint 2010
Como hacer presentaciones en genially
Manual de powerpoint 4º "A"
Desarrollo De Un Blog
Desarrollodeunblog 1234740307376014-1
Tema3 potx
Clase1
Historia De Las Medidas Del Tiempo
Tutorial piZap
2015 tutorial 1_cuadernia
Publicidad

Más de Juan Ruffino (20)

PPTX
ETCE 2015 actividad presencial 16-05-2015
PPT
Cómo insertar códigos prediseñados (embed) en Blogger.com
PPT
Insertando textos en Blogger.com
PPT
Cómo utilizar el botón Menú Configuración en Blogger.com
PPT
Manejando el menú "plantillas" en Blogger.com
PPT
Cómo crear un Blog en Blogger.com
PDF
Redes sociales educativas
PDF
Cómo hacer Vaciados de pantalla
PDF
Educación y Currículo
PPTX
Material Filosófico para el Componente Técnico de un Diseño de Instrucción Ve...
PPT
Material Filosófico para el Componente Técnico de un Diseño de Instrucción Ve...
PPTX
Breve reseña del cómo embeber códigos en la Web 2.0
PDF
Programa Seminario Computación y Educación
PPT
Los Objetos De La Ciencia
PDF
Esenciales de la Niñez
PDF
Violencia Delicuencial
PPT
Procesos de Percepción y Atención
PPT
¿Qué es un Proyecto Comunitario?
PDF
Programa Analitico Proyecto Comunitario
PDF
Diseño Instruccional 2
ETCE 2015 actividad presencial 16-05-2015
Cómo insertar códigos prediseñados (embed) en Blogger.com
Insertando textos en Blogger.com
Cómo utilizar el botón Menú Configuración en Blogger.com
Manejando el menú "plantillas" en Blogger.com
Cómo crear un Blog en Blogger.com
Redes sociales educativas
Cómo hacer Vaciados de pantalla
Educación y Currículo
Material Filosófico para el Componente Técnico de un Diseño de Instrucción Ve...
Material Filosófico para el Componente Técnico de un Diseño de Instrucción Ve...
Breve reseña del cómo embeber códigos en la Web 2.0
Programa Seminario Computación y Educación
Los Objetos De La Ciencia
Esenciales de la Niñez
Violencia Delicuencial
Procesos de Percepción y Atención
¿Qué es un Proyecto Comunitario?
Programa Analitico Proyecto Comunitario
Diseño Instruccional 2

Último (20)

PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
CIRSOC-201-2024_Proyecto de Reglamento Argentino de Estructuras de Hormigón
PDF
Metodologías Activas con herramientas IAG
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
biología es un libro sobre casi todo el tema de biología
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Escuelas Desarmando una mirada subjetiva a la educación
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
CIRSOC-201-2024_Proyecto de Reglamento Argentino de Estructuras de Hormigón
Metodologías Activas con herramientas IAG
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PLAN DE CASTELLANO 2021 actualizado a la normativa
biología es un libro sobre casi todo el tema de biología
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
DI, TEA, TDAH.pdf guía se secuencias didacticas
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN

Cómo insertar imágenes en Blogger.com

  • 1. .:inserción de imágenes:. .:en blogger.com:. Tutorial hecho por: Prof. Juan Antonio RuFFino @profesorRuFFino On Twitter
  • 3. Pulsamos el botón naranja que siempre nos va a indicar la ejecución de una nueva entrada
  • 4. • Una vez que hemos pulsado el botón naranja, llamado “nueva entrada”, se despliega el menú de edición
  • 5. • Y en la parte superior aparece la botonera principal, que es “tal cual” a la misma interfaz o ventana de un servidor de correo electrónico
  • 6. • Luego, pulsamos “clic” en el botón de imágenes, cuyo icono hoy día es “un botón universal”
  • 7. Al haber pulsado el botón “imágenes” se superpone un menú de diálogo, diseñado para la inserción de imágenes
  • 8. Al haber pulsado el botón “imágenes” se superpone un menú de diálogo, diseñado para la inserción de imágenes
  • 9. Una vez que hemos abierto este menú, habilitamos otra pestaña del navegador, para poder ingresar a “google imágenes”
  • 11. • Escribimos aquello que deseamos buscar…
  • 12. Escogemos una imagen, llevando el cursor del mouse a aquella imagen que deseamos seleccionar…
  • 13. Una vez seleccionada la imagen que escogimos, aparecerá esta ventana
  • 14. Hacemos clic con la tecla derecha del mouse sobre la imagen
  • 15. Hacemos clic con la tecla derecha del mouse sobre la imagen, y al desplegarse el menú emergente escogemos la opción “Copiar URL de la imagen”
  • 16. Otra opción de llegar a la URL de la imagen es haciendo clic en el hipertexto que se lee TAMAÑO COMPLETO
  • 17. En la nueva ventana de “imágenes” de google, hay una nueva variable… Para llegar a la URL de la imagen debes hacer clic en el botón que se lee como VER IMAGEN
  • 18. Llegando así a la ventana final, con la imagen en su tamaño natural y con la URL en la parte superior central..!
  • 19. Hacemos “clic” con la tecla izquierda del mouse, logrando “sombrear en azul” la dirección web, luego se hace clic sobre la misma dirección con la tecla derecha del mouse, desplegándose un menú emergente donde pulsaremos “copiar”
  • 20. Una vez realizado el paso anterior, volvemos a la ventana o cuadro de diálogo que dejamos abierta en blogger.com
  • 21. Escogemos la opción llamada “Desde una URL”
  • 22. Habilitándose una caja de texto donde pegaremos la dirección web de donde proviene la imagen
  • 23. Hacemos “clic” con la tecla derecha del mouse en la misma caja de texto, desplegándose un menú emergente
  • 24. Al momento de insertar la URL, aparecerá en el recuadro la imagen seleccionada
  • 25. Se pulsa el botón “Añadir a las imágenes seleccionadas”
  • 26. Finalmente, la imagen queda insertada en la ventana de edición edici
  • 27. Es de hacer notar, que si haces “clic” (tecla izquierda del mouse) sobre la imagen que has insertado, se va a desplegar un menú en la parte inferior de la imagen, como se muestra en la diapositiva siguiente 
  • 28. Esto te va a permitir la edición de la imagen a utilizar para la publicación correspondiente…
  • 29. …espero que te haya sido de mucha utilidad…