Insertar Sala Chat Xat en Tu Blog Blogspot (Paso a Paso)

Nota: Xat (xat.com) decayó tras muerte Flash. Versión HTML5 existe pero comunidad minúscula. Considera Discord, Widget Discord, o Tawk.to para chat moderno. Pero si estás comprometido con Xat, aquí el proceso embed.

Paso 1: Crear Tu Chat Xat

1. Ir a xat.com → Registrar (email + contraseña).
2. Log in → Click Crear Chat (menú superior).
3. Nombrar tu chat (ej. "MiComunidadBlog").
4. Elegir tipo: Grupo (público) o Privado (solo invitación).
5. Click Crear. Anotar Chat ID en URL: `xat.com/chat#ChatName` → ID es número tras `#` o en código embed.

Paso 2: Obtener Código Embed

1. En tu chat, click Editar Chat (icono engranaje) → Configuración Chat → pestaña Embed.
2. Copiar código HTML/iframe proporcionado. Parece:

   <iframe src="https://xat.com/embed/1234567" width="600" height="400" frameborder="0" scrolling="no"></iframe> 

3. Opcional: Ajustar `width`/`height` (ej. `100%` / `500px` para responsive).

Paso 3: Insertar en Blogspot (Blogger)

1. Abrir Blogger → seleccionar tu blog.
2. Ir a Diseño → Añadir Gadget (sidebar/footer) O Entradas → editar entrada específica.
3. Elegir gadget HTML/JavaScript.
4. Pegar código iframe. Título: "Chat en Vivo" (opcional).
5. Click Guardar → Guardar disposición.

Paso 4: Para Entrada Específica (No Sitio Completo)

1. Editar entrada → Cambiar a vista HTML (no Redactar).
2. Pegar iframe donde quieras.
3. Publicar / Actualizar.

Advertencias Críticas

• HTTPS: Blogspot fuerza HTTPS. Embed Xat debe ser `https://` o navegador bloquea mixed content.
• Móvil: Versión HTML5 Xat funciona en móvil pero UI apretada. Probar en móvil.
• Moderación: Eres responsable contenido chat. Nombrar mods, establecer filtros.
• Rendimiento: Iframe carga recursos externos. Considerar lazy-loading: `loading="lazy"` en iframe.

Alternativas Modernas (Fuertemente Recomendadas)

Xat es nostalgia. Para comunidad viva 2024, Discord o widget chat ligero te sirven mejor.