Crea tu chat para tu blog (xat.com)

Muchos querréis tener vuestro propio chat para comunicaros con los demás de una forma instantánea. Yo te explico como crear un chat con xat.com. Éste tutorial lo dividiremos en dos partes, porque tendremos que diferenciar que en una estaremos en xat.com y en la otra estaremos en el blog.


PRIMERA PARTE                                                                                                        
Nos situamos en http://xat.com/web_gear/chat.php
Lo primero que te sale a la izquierda es la foto de fondo para elegir.
Abajo las dimensiones del chat. (el largo y ancho)
Después de ésto, hay un botón que pone 'Update & get code'. Eso hace generar el código de insercción. (Copia el código)


SEGUNDA PARTE                                                                                                      
Cuando lo tengas ve a tu blog, y decide entre las dos opciones de insertar tu chat:

• COMO GADGET. Vamos a la edición de nuestro blog, a diseño/elementos de página. Elegimos donde queremos ponerlo y le damos a añadir un gadget. Se nos abre una ventana nueva y ahí buscaremos el gadget HTML/Javascript. En título si queremos ponemos Chat, y en el contenido pegamos el código que habíamos copiado anteriormente. Le damos a guardar, se nos cierra la ventana, guardamos de nuevo en la página elementos de página, y ya debería aparecer cuando entrais en vuestro blog. (actualizar si no os aparece)
• COMO PÁGINA. Vamos a la edición de nuestro blog, a la pestaña creación de entradas y después a Editar páginas. Le damos a página nueva, escribimos nuestro título y antes de escribir nada, encima del procesador de texto (cuadro en el que escribes), le das a la pestaña Edición de HTML y pegas el código que copiaste. De nuevo le das a la pestaña Redactar y verás como aparece ya tu chat. Seleccionalo (aunque no salga de color) y pon la alineación que prefieras. Por último dale a guardar y listo.

RECUERDA QUE: tendrás que poner el gadget de las páginas en el diseño de tu blog, sino no aparecerá.