1 de jun de 2014

Criando um Chat/mural de recado para seu blog com cbox

Quem tem um blog ou quem está começando a criar um agora,
a dica é você adicionar um chat na sidebar do seu blog. Porque? O chat é livre para todos os visitantes comentarem e comunicar com você e outros visitantes, se algum visitante querer tirar uma duvida ou dar um aviso é só ele escrever  no chat. Rápido e fácil não é? A desvantagem de não ter o chat é simples: Os visitantes não vão conseguir comunicar com você, então eles vão comentar em um post um assunto totalmente diferente e as vezes a duvida dele não tem nada a ver com o o post entende? O chat faz parte da organização do blog. 
Existe vários tipos de chat, mas hoje vou ensinar como colocar o Cbox (o que eu uso aqui no blog)
Então chega de papo e vamos lá!

  • Criando o chat
01. Entre no site cbox.ws/
02. Clique em Sing Up (está no menu) e preencha:

03. Depois de ter criado sua conta clicando no botão Create my Cbox, agora vá na barra que está na parte de cima do site e coloque seu login name (o mesmo que você preencheu em em cbox name, como mostra no print acima) e entre.

  • Personalizando o chat
Assim que você entrar vai aparecer uma nova barra com as seguintes opções:
Clique em Look & Feel e em seguida clique em Colours & fonts agora é só você colocar as cores do jeito que você quer

Como entender?
Post Frame
Main BG - é a cor do primeiro fundo (roxo,azul.. escolha a cor que quiser contando que a cor seja mais forte)
Main Text - cor do texto (vai ficar em cima do main BG)
Main date -  cor da data (vai ficar em cima do main BG)

Alt. BG - Cor do segundo fundo (escolha uma cor neutra, como branco ou cinza claro)
Alt. text: cor do texto (vai ficar em cima do Alt. BG)
Alt. date: cor da data (vai ficar em cima do Alt. BG)

Form frame
(onde as pessoas vão colocar o nome e a mensagem)
Field BGs - Cor dos campos onde vão ser preenchidos
Button BG -  Cor do botão go.
Form BG - cor que fica em volta dos campos

Field text - cor do texto
Button text - cor do texto do botão go.
Field borders - cor da borda do campo de mensagem.

Scrollbar (IE Only)
somente para o navegador explorer
As configurações são as mesmas.
Depois de personalizar seu chat,clique em Apply.

  • Adquirindo o código HTML
Agora clique em Publish! e vai abrir uma página com algumas instruções e siga:

Depois de ter ajustado tudo, copie todo o código que está na caixa abaixo.
    • Colocando o chat no blog
    01. Abra seu painel do blog e vá em Layout, clique em Adicionar um Gadget e procure por HTML/Javascript e cole o código que você copiou em Conteúdo, e coloque um titulo se quiser em seguida clique em Salvar.
    Depois coloque o chat onde deseja arrastando-o, recomendo que deixe ele no meio ou no final da sidebar (barra lateral). Em seguida clique em Salvar Organização.

    • Duvidas
    E se eu mudar o meu Layout, como eu vou mudar a cor do meu chat?
    O processo é o mesmo, assim que você mudar a cor o próprio site vai te oferecer um novo código, ou seja, não precisa de você criar uma conta só para mudar a cor do chat.

    Tem como apagar mensagens indesejadas no chat?
    Sim, no menu você encontra um botão chamado Messages e clique em Messages, vá você tem acesso a todas mensagens onde você pode apagar

    Se você tem mais duvidas ou não conseguiu criar seu chat deixe seu comentário e tentarei fazer o possível para ajudar vocês.
    xoxo!
    Todos créditos a Cantinho do PhotoScape.
    não retire sem a autorização da ADM. deste blog.

    Nenhum comentário :

    Postar um comentário