Retro html hacks

Vistas a la página totales

¿Qué es un iframe y cómo insertarlo en Blogger? (Guía para principiantes)

Publicado por neonbyte | domingo, 15 de febrero de 2026

Un iframe (inline frame) es una etiqueta HTML que permite mostrar una página web dentro de otra página. Funciona como una pequeña ventana que carga contenido externo sin que el usuario salga de tu blog.

 

¿Para qué sirve un iframe?

  • Insertar videos
  • Mostrar mapas interactivos
  • Integrar formularios externos
  • Cargar páginas dentro de otra
  • Agregar herramientas o widgets

Ejemplo básico de iframe

<iframe src="https://ejemplo.com"></iframe>

Ejemplo completo:

<iframe 
  src="https://ejemplo.com" 
  width="600" 
  height="400" 
  frameborder="0">
</iframe>
Explicación rápida:

src → Dirección del contenido
width → Ancho del iframe
height → Alto del iframe
frameborder → Borde (0 lo elimina)

Cómo insertar un iframe en Blogger paso a paso

Paso 1: Copia el código iframe que quieras usar.

Paso 2: Ve a Blogger y crea una nueva entrada.

Paso 3: Cambia al modo HTML.

Paso 4: Pega el código donde quieres que aparezca.

Paso 5: Publica la entrada.

Ejemplo real: insertar un video

<iframe 
width="560" 
height="315" 
src="https://www.youtube.com/embed/VIDEO_ID" 
title="Video ejemplo" 
frameborder="0" 
allowfullscreen>
</iframe>

Solo reemplaza VIDEO_ID por el código del video.

¿Afecta el SEO usar iframe?

El contenido dentro de un iframe no se considera contenido propio para los motores de búsqueda.

Úsalo como complemento, no como contenido principal.

Para resumir

El iframe es una herramienta sencilla y útil para integrar contenido externo en Blogger. Si lo usas correctamente, puede mejorar la experiencia del usuario sin afectar tu diseño retro.
© Retro html hacks - Portal Retro 2005