Cómo insertar códigos prediseñados (embed) en Blogger.com

9,207 views

Published on

Tutorial actualizado (2014) del cómo incrustar (embeber) códigos en la nueva interfaz de Blogger.com

Published in: Education

Cómo insertar códigos prediseñados (embed) en Blogger.com

  1. 1. .:tutorial:. .:cómo insertar códigos prediseñados:. juan antonio ruFFino
  2. 2. • Hoy día, gran parte de las páginas interactivas en la Web 2.0 ofrecen la posibilidad de insertar en nuestras propias producciones digitales, aquellos elementos o recursos audiovisuales que van a enriquecer la razón de ser en un determinado proyecto que estemos desarrollando…
  3. 3. • Los códigos son programaciones que hoy día permiten la interactividad del usuario, y que se expresan mediante scripts, o “fórmulas escritas”, que traducidas, reflejan la ventana o software de la información que desea transmitirse.
  4. 4. • En este sentido, los códigos prediseñados son “scripts” que permiten insertar, fotos, videos, música y diapositivas (entre otros), en nuestras propias producciones multimedios..!
  5. 5. • Para poder ubicar estos códigos prediseñados, tenemos que identificar en las diferentes páginas web términos como: • EMBED • HTML CODE • HTML
  6. 6. • He aquí algunos ejemplos:
  7. 7. • Luego que hemos copiado el código (portapapeles), tenemos que ingresar a aquella solución web que estamos desarrollando. • Tomemos como ejemplo la interfaz de: • www.blogger.com
  8. 8. • Hay 2 modos de poder visualizar la edición de publicación de entradas en blogger.com… • Una de ellas es la vista clásica (anterior)…
  9. 9. .:nueva interfaz de edición:. Haciendo “clic” en la pestaña de HTML, se habilita la caja de texto en donde vamos a pegar el código, procediendo luego a definir el título de la entrada, y seguidamente pulsar el botón de “publicar”
  10. 10. .:inserción de códigos:. • Veamos 2 ejemplos:
  11. 11. 1
  12. 12. Buscamos un tema…
  13. 13. Y escogemos (revisamos) el contenido (diapositiva) que nos parece más representativo, que en este caso se trata del “periodismo digital”
  14. 14. Luego que hemos pulsado “clic”, se despliega la diapositiva, tal cual como se ve aquí:
  15. 15. Seguidamente en la parte superior de esta diapositiva vamos a conseguir un botón llamado “embed”
  16. 16. Al hacer “clic” aparecerá el botón de copiar que nos permitirá traernos el código
  17. 17. .:regresamos a la ventana de blogger:. • Verificamos que la pestaña que esté activa sea la de HTML
  18. 18. • Y se ejecuta el comando de “pegar”, desplegándose el código en dicha ventana…
  19. 19. • Escribimos el título de la publicación y luego pulsamos el botón de publicar
  20. 20. Y he aquí el resultado de la publicación
  21. 21. 2
  22. 22. En el motor de búsqueda escribimos el término a conseguir…
  23. 23. Luego de una revisión, seleccionamos el video deseado…
  24. 24. Se despliega el video en curso…
  25. 25. Y se procede a pulsar el botón “compartir”
  26. 26. Luego se despliega el botón “insertar”, y hacemos “clic”
  27. 27. …apareciendo el código que vamos a incrustar
  28. 28. .:regresamos a la ventana de blogger:. • Verificamos que la pestaña que esté activa sea la de HTML y pegamos el código correspondiente
  29. 29. .:IMPORTANTE:. • Queda en manos del usuario final la ubicación del código a embeber dentro de la página web al que está afiliad@ (afiliación). • Igualmente queda de parte del usuario hurgar dónde va a pegar el código que ha colocado en el portapapeles…
  30. 30. www.embedit.in FINALMENTE, UN DATO ADICIONAL… Esta página web ofrece la oportunidad de generar tus propios códigos, es cuestión que te registres a ver cómo funciona..!!!

×