domingo, 6 de março de 2011

COLOCANDO UM CHAT EM SEU SITE OU BLOG

Como já havia informado anteriormente, a partir de agora algumas postagens antigas serão republicadas devido a erros contidos em links e imagens.
Logo abaixo vem a primeira publicação antiga, das muitas outras que se seguirão a partir de agora.
Raphael Gusmão


Ter um chat para você poder interagir com as pessoas que visitam seu site ou blog é bem legal e, podes crer, é muito fácil integrar um chat simples e gratuito.


Antes de começar, quero lembrar que você já tem que ter uma conta no MSN, ICQ, Yahoo Messenger ou qualquer outro mensageiro instantâneo.

Neste pequeno tutorial vou ensinar como colocar um “Chat Online” em seu blog ou site utilizando o sistema do “Plugoo Beta”. Escolhi este, porque muitas pessoas possuem blogs e este serviço de chat não precisa instalar nada em um servidor remoto.

1 – Acesse a página principal do Plugoo Beta.



















2 – Clique no botão “Registrar-se no Plugoo”

3 - Uma nova tela irá se abrir, conforme mostrado abaixo. Escolha qual o tipo de mensageiro você utiliza. No exemplo abaixo, o escolhido foi o MSN Messenger.

4 – Em seguida preencha os campos abaixo com o seu MSN duas vezes.















5 – Na próxima tela, você vai preencher os campos conforme o solicitado:
No 1º e 2º campos você vai escrever o seu MSN;
No 3º e 4º campos, você vai colocar a senha de seu MSN.























6 – agora você vai configurar o seu “Perfil de Usuário”
Aqui serão inseridas respectivamente as informações de apelido, sexo, data de nascimento, cidade, país e preferências.



























7 – Após concluir o preenchimento dos dados de seu perfil, clique na setinha para prosseguir e aparecerá uma tela como mostrada abaixo:

















8 – Foi enviado um email de confirmação para sua conta de email (MSN), com as informações de sua nova conta.

9 – Faça login no site Plugoo Beta










10 – Após logado em seu perfil, clique na guia “meus widgets”;
Em seguida copie o código HTML à esquerda, conforme mostrado na figura abaixo:





















11 – Agora é só colar o código em seu site ou blog.


COLOCANDO O CHAT NO BLOGSPOT:

Levando em consideração que seu blog seja do “blogspot.com”, segue algumas instruções básicas:

1 – Faça login em sua conta no blogspot e acesse seu seu painel de controle;

2 – Com painel já aberto, clique em “Design”





3 – Na página que se abrir clique em “Adicionar um Gadget”

















4 – Uma janela suspensa se abrirá (as vezes demora um pouco para abrir).
Aparecerão várias opções de “Gadget”, como mostrado na figura abaixo.




























Procure e selecione a opção “HTML/JavaScript”, como mostrado na imagem abaixo.
Clique na imagem ou no sinal de “+”









5 – Após selecionar a opção “HTML/JavaScript”, abrirá nesta mesma janelinha a página de “Configurar HTML/JavaScript”.

  1. Título = Escrever o nome que você escolher para seu Chat
  2. Conteúdo = Colar o código HTML referente ao “Chat Plugo”
  3. Salvar = Ao clicar, a janela se fechará.


























6 – Após a janela se fechar, deve ser confirmado as alterações clicando no botão “Salvar e pronto. Mostrado na figura abaixo.








Espero ter ajudado.
Até a próxima vez!


Texto: Raphael A. R. Gusmão
www.universodesbravador.com.br

Nenhum comentário:

Postar um comentário