[TUTORIAL] Desenvolver um Chatbox

Que tal conversar ao vivo com seus colegas através da Internet, sem prescisar do Messenger? Voçê pode no Criarumblog.com, com este tutorial vamos aprender a desenvolver um Chatbox gratuíto através do Xat.com.

--> Tutoriais, dicas e astúcias <--
Desenvolver um chatbox no seu Blog

1º - Aceder ao site do Xat.com:
Como em nosso serviço não temos está função, mas não é por isso que você não vai ficar sem colocar um Chat em seu Blog. Para isso, você vai ter que se conectar com o site "Xat.com", que oferece o serviço gratuíto. Quando estiver na página inicial, clique na aba "Make a xat box":

Clique em "Make a Chat Box" para que possamos criar um chat box através deste serviço. Logo depois você poderá escolher um tema de papel de parede do mesmo, então poderá escolher entre os que já existem ou através de uma imagem já hospedada na Internet.
2º - Como adicionar o código em widget:
Escolha um tema acima e clique em "Update & Get Code" para que o site possa nos entregar o código HTML do Chatbox. Caso haja uma imagem que você queira colocar como plano de fundo apenas clique no tema "Click for more or use your own" para que logo abaixo seja possível carregar a imagem em URL.
Por isso, depois que obter o código vá até seu blog, e aceda em:
Painel de controle ->> Artigo ->> Escrever ->>

Código:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODIyMzI1NDQyNTAmcHQ9MTI4MjIzMjY*NzY*MCZwPTUzMTUxJmQ9Jmc9MSZvPWFkN2JmYzYzMDg1NDQ1ODFhOWUw/MmExOTMxOTNkNGNm.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=110284841" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=110284841">Go Large!</a></small><br><br />
<br />

Sabemos que não vamos querer este ChatBox como artigo, sendo assim o código é em HTML, e no etanto você pode escolher, tanto como adicionar no Widget Customizado ou nos artigos. Resumindo, você pode optar por colocar o código na caixa de Artigo para que fique centrealizado ou ao Widget Customizado, onde possívelmente pode gerar conflitos nas laterais do blog. Caso queira colocar no Widget Customizado, aceda à: Painel de controle ->> Multiblog ->> Módulos ->>
Selecione o módulo "Customizado" onde poderá ser feito alterações. Adicione o código na caixa de texto e clique em Salvar.

• Resultado:
  

---

© Suporte Criarumblog

Caso tenha problemas de conexão com sua interface da Administração, comunique-se criando um novo tópico com o seguinte nome: [Dúvida] Desenvolver um ChatBox no blog