html para incrustar objetos

Blogger desde dentro

HTML para incrustar

contenidos

X

Javier Blanco (2015)

bloggerdesdedentro.blogspot.com

Blogger desde dentroX: HTML para incrustar contenidos

1

Javier Blanco

2015bloggerdesdedentro.blogspot.com.

Los servidores WEB y tu navegador hablan un lenguaje que desconoces

<td><div class="separator" style="clear: both; text-align: center;"><a href="http://bloggerdesdedentro.blogspot.com/p/guia-de-contenidos.html"><img alt="http://bloggerdesdedentro.blogspot.com/p/guia-de-contenidos.html" border="0" src="http://4.bp.blogspot.com/-OKHpaaKXpEw/VLFxBTDNZYI/AAAAAAAAC28/gKuY6xigtYg/s1600/logo_typeweriter.png" /></a></div></td><td>Continuar aquí aprendiendo cómo trabajar con Blogger</td>

Es el HTML: HiperText Mark-Up Language. Un lenguaje ligero y rápido de interpretar para el navegador.

Blogger construye sus páginas realmente en HTML, aunque nos facilita el trabajo “engañándonos” con el editor y algunas herramientas más.

Pero para conseguir algunas cosas necesitas tocar HTML


2

Javier Blanco


Acceder a la edición del código HTML en Blogger es tan fácil como hacer clic

en un botón

Edición normal (Wysiwyg): Lo que ves es lo que obtienes

Edición HTML (RAW): En crudo.

Lo que realmente hay

A menos que seas un experto,

naturalmente

Cuando editas HTML es como si entraras en terreno

comanche: ¡Hay que entrar, hacer lo que tengas que

hacer, y salir a toda leche!


3

Javier Blanco


Para conseguir algunas cosas necesitamos usar HTML directamente

HTML

Poner un Menú

Plasmar una tabla

Crear efectos complejos

Crear formularios

Incrustar objetos


4

Javier Blanco


Entraremos en HTML para poder incrustar objetos de otros sitios como

Youtube, Slideshare o Google Drive

Un objeto incrustado (Embedded) no está realmente en nuestro blog, pero aparece en él como si lo estuviera.

Incrustar objetos de otras páginas da a la nuestra un aspecto profesional, moderno y útil.


5

Javier Blanco


Incrustando un vídeo desde YouTube (1)

1Localiza el vídeo

que desees incrustar

Puedes subir tus propios vídeos con tu

cuenta Google

• Resolución• Subtítulos• Minuto de comienzo

2Ajusta los

parámetros de vísualización

• Resolución• Subtítulos• Minuto de comienzo

3 Pulsa en “Compartir”


6

Javier Blanco



4 Elige la opción “INSERTAR”

5Ajusta los

parámetros y copia el código

Tamaño del vídeo

Opciones del reproductor

Muestra

Código HTML a incrustar. Cuando hayas ajustado los

parámetros cópialo (Ctrl + C)

8


7

Javier Blanco



6Marca el lugar donde quieres

incrustarlo

En edición normal

Usa tu propia marca

¡Es un truco!

7En HTML sustituye

la marca por el código

Vuelve a Redactar para ver el resultado

La marca es más fácil de encontrar en medio de esa

maraña de código


8

Javier Blanco


Concepto de iFrame o marco electrónico

Acabas de incrustar un vídeo a través de la utilidad iframe de HTML.

Numerosas páginas facilitan iframes de sus contenidos para que los incrustes en tu blog de la misma manera.

La gente más famosa de la blogosfera sabe hacer

uso de todas las herramientas que

tienen a mano

Pero recuerda que todo está

supeditado al valor de tus entradas

Javier Blanco (2015)

bloggerdesdedentro.blogspot.com

html para incrustar objetos

Internet