•  
     

Como colocar um chat no seu blog

1. Entro no site a seguir: http://xat.com/ 2. No canto superior direito da página, clique na setinha ao lado do link "MAIS" e em seguida no link "Wedgets".G

2. No canto superior direito da página, clique na setinha ao lado do link "MAIS" e em seguida no link "Wedgets".

Imagem
3. Na página que vai abrir, clique no botão "Get a free chat box now".Uma nova página será aberta para que você possa configurar o box do seu chat, mudando a imagem de fundo, tamanho da caixa, idioma dos botões. Atenção: há várias outras opções de configuração, mas como o site é todo em inglês, o melhor é não alterar muita coisa para não correr riscos. 4. Para mudar a imagem de fundo do box do seu chat, clique em uma das imagens que aparecem. Conforme você vai clicando, vão aparecer algumas outras opções de fundo. Quando tiver escolhido clique no botão "Update & Get Code".

4. Para mudar a imagem de fundo do box do seu chat, clique em uma das imagens que aparecem. Conforme você vai clicando, vão aparecer algumas outras opções de fundo. Quando tiver escolhido clique no botão "Update & Get Code".

Imagem
5. Para mudar o tamanho do box do chat para melhor se adaptar à estrutura do seu blog, modifique as dimensões que aparecem logo abaixo das imagens de fundo. Em seguida clique no botão "Update & Get Code" e visualize como o chat vai ficar.
Imagem
6.Para mudar o idioma dos botões do seu chat, desça a barra de rolagem da página até encontrar a seguinte mensagem: "Default language for chat box:". Clique na setinha que fica depois da caixa onde aparece a palavra "None" e selecione o idioma clicando sobre ele. Novamente clique no botão "Update & Get Code".
Imagem
7. Logo a cima do local para modificar o idioma, há uma lista de opções de configuração que você pode ou não selecionar, de acordo com o seu interesse, para isso basta clicar na caixinha ao lado esquerdo das opções desejadas e em seguida no botão "Update & Get Code". Mas a lista está em inglês, então o melhor é só mudar aquilo que você sabe o que significa. Vou dar 2 exemplos:
    [ ] Don't store chat messages: Não armazenar as mensagens.
    [ ] Default chat box sounds to OFF. Desativar efeitos sonoros do chat.

8.Para colocar o chat no seu blog, desça a barra de rolagem da página até encontrar a seguinte mensagem "or copy the code below to your page:". Clique na caixinha que aparece logo abaixo, aperte "CTRL+A" para selecionar todo o código, clique sobre a caixinha novamente com o botão direito do mouse e selecione "Copiar".
Imagem
9. Você pode colocar o chat no blog de duas formas: inserindo um Gadget ou criando uma nova página.

10. Para colocar o chat através de um Gadget abra o seu blog e, na área de configuração, onde você altera o Modelos e o Layout do seu blog, clique no link "Layout", no lado esquerdo da página. Clique em "inserir um Gadget". Na janelinha que vai abrir, clique em "HTML/ Java script". Clique com o botão direito do mouse e cole o código que você tinha copiado no site de criação do chat. Se você quiser pode colocar um título. Clique em "Salvar" e depois no botão laranja do lado direito da página escrito "Salvar organização".

Imagem
11. Para colocar o chat no seu blog em uma nova página abra o seu blog e na área de configuração clique no link "Páginas". Clique em "Nova página" e em seguida em "página em branco".
Imagem
12. Na página que irá abrir, clique em "HTML" e cole o código do chat que você tinha copiado. Você pode colocar um título se quiser no espaço reservado para isso. Em seguida clique em publicar.
13. Para o link dessa nova página aparecer no seu blog você precisa clicar na setinha que aparece depois da mensagem
"mostrar páginas como" e escolher onde você quer que os botões de páginas apareçam. Depois clique em "Salvar organização".
Imagem
Veja agora como o chat vai aparecer no seu blog!

Chat inserido como Gadget.
Imagem
Chat inserindo em uma nova Página.
Imagem