Pesquisa

Mibbit - adicione um chat ao seu blog

André Felipe André Felipe, 3 de fevereiro de 2009.

Como prometi, ensinarei como criar sua própria sala de bate-papo e inseri-la ao seu blog.

Mibbit logo

Lembre-se deste nome: Mibbit

O nome do serviço de bate-papo que uso é Mibbit. Resumidamente, ele é um cliente de IRC que funciona no navegador - e IRC é um sistema de chat que era muito popular antes de programas como ICQ, Live Messenger (MSN) etc. surgirem.

Há duas "versões" do Mibbit: o cliente principal, com o qual o usuário pode acessar quaisquer salas de IRC e vê-las da maneira como lhe convier, e o widget, que é a versão personalizável que você pode colocar no seu blog.

Uma porção de opções

Screenshot da minha sala
  • Entre na página do gerenciador de widgets do Mibbit;
  • Crie uma conta;
  • Entre em My prefs;
  • Navegue pelas abas (general, input bar etc.) e deixe tudo ao seu gosto;
  • Salve as alterações (save preferences);
  • Clique em widget preview e copie o código que aparece após settings= no link gerado automaticamente para o bloco de notas ou outro programa onde você poderá achá-lo depois.
Dica: se não tiver tempo – ou criatividade – para personalizar sua skin, você pode escolher uma dentre uma lista de skins prontas.

Como adicionar ao Blogger

  • Entre no painel do Blogger;
  • Clique em "Nova postagem";
  • Selecione "Editar HTML";
  • Copie e cole o código abaixo na caixa de texto de edição de post:
<iframe width="600" height="380" scrolling="no" frameborder="0" src="http://widget.mibbit.com/?channel=%23MeuBlog&nick=Convidado%3F%3F%3F&customprompt=Bem-vindo%20ao%20meu%20chat&customloading=Carregando&settings=seu código aqui"></iframe>

Edite o código

  • Cole após "settings=" o código exclusivo do seu widget (que você havia copiado anteriormente para o bloco de notas);
  • Substitua "MeuBlog" pelo nome que você quer usar para sua sala. Seja criativo. Nomes simples como "chat" já estão sendo utilizados por outras pessoas;
  • Troque "Convidado" pelo apelido que você quer que seja atribuído automaticamente a seus leitores (um código é adicionado após a palavra, e eles poderão personalizá-lo depois);
  • Se o widget não aparecer corretamente em seu blog, altere os valores da altura (height) e da largura (weight) até ele se adequar ao visual de sua página.

Mostre para seus leitores que você está on-line

  • Você pode adicionar um botãozinho, para seus leitores saberem que você está na sua sala.
  • Basta copiar o código abaixo e modificar "meu_apelido" pelo apelido que você geralmente usa:
<img src="http://technoserv.no-ip.org:8080/irc/apelido@irc.mibbit.com" width="48" height="25" alt="Status" />

Considerações finais

Se seguir as explicações acima, sua sala deverá funcionar corretamente a partir do momento em que salvar o post. Todavia, como o Mibbit é na verdade um cliente de IRC, é possível configurar muitas outras coisas. Por exemplo, você pode registrar sua sala para ter controle sobre ela e os usuários que nela entram.

Espero que este passo-a-passo tenha sido útil! Bom divertimento.=]

3 comentários:

  1. OI.. desculpe a pergunta...mas este widget ficará no lugar de uma Postagem? Ele ficará permanentemente no mesmo local ou mudará conforme formos postando outras coisas?
    Grata
    Barbara

    ResponderExcluir
  2. Barbara, ele se comportará como um post normal. Para adicionar um link permanente para a página, veja Como criar um menu no Blogger.

    ResponderExcluir
  3. Não sei o que eu estou fazendo de errado mais não estou conseguindo da erro de HTML

    ResponderExcluir

Aviso

Estou reorganizando o blog e algumas coisas podem estar fora de lugar. Os comentários antigos já foram transferidos para o sistema do Disqus.