Colocar chat room no website

colocar-chat-room-no-website

No meu caso esta caixa de chat foi útil! Sou membro de uma familia numerosa, espalhada por vários continentes e foi graças a uma sala de conversação incluida no site dedicado à familia que descobri alguns parentes afastados.

Usando um modelo “pré-fabricado” disponivel na net, o processo é extremamente simples, mesmo para aqueles que estão a dar os primeiros passos no desenvolvimento web.

Para um chat privado (e.g. para um helpdesk), pode ser usado o Windows Live Messenger.
Caso queiras tornar o teu blog mais social, vê o best of que preparámos para ti.

1º Passo

Vamos começar por abrir o serviço xat Ajuda.

2º Passo

Ao acederem a este website surge logo a sala de conversação.
Cliquem no canto inferior direito onde diz “Get a Chat Box”:
 Colocar chat room no website

3º Passo

Abre-se uma janela como mostra a imagem abaixo com um “Embed code”.
É esse código que devem copiar e colar no vosso ficheiro HTML.
Portanto cliquem em “Copy” e de seguida “OK”.
 Colocar chat room no website

4º Passo

Agora é so abrir a vossa página HTML de destino da caixa e colar o código copiado em qualquer sitio à vossa escolha.

E pronto, o vosso site já tem uma sala de conversação onde todos podem dialogar com todos.

Os mais inexperientes, reparem na seguinte imagem:
 Colocar chat room no website

O que está a azul é o “embed code” que foi copiado e colado; o que está a vermelho é uma tag que permite colocar o nosso chat num local preciso.
Neste caso temos:

<div style=”position:  absolute; top:78px; left: 173px;”>

Isto significa que a nossa janela de conversação – o nosso chat – vai ficar afastado da margem esquerda 173px e 78px do topo da nossa página.
Estes valores (78px e 173px) podem ser alterados consoante o vosso gosto.
É importante não esquecerem que a tag de fecho </div> tem de ser colocada no fim do “embed code” , tal como mostra a imagem.

5º Passo

Vão ver o resultado no vosso site.
Reparem que agora não aparece no canto inferior direito a expressão “Get a Chat Box” mas sim “Edit your chat”.
 Colocar chat room no website

Cliquem aí e poderão fazer alterações tais como mudar a cor de fundo, criar um novo grupo, etc…
 Colocar chat room no website

6º Passo

Na própria página de onde partimos encontramos as instruções necessárias para uma correta edição do nosso chat room, tudo isto na língua portuguesa.

Espero que tenham gostado e sobretudo que tenham compreendido. Tentei ser o mais simples possível. Até à próxima.

Apaixonado pela informática

Comente pelo Facebook:

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Pode usar estas etiquetas HTML e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>