Terça-feira

Como adicionar um chat no blog? Tutorial com imagens



Pessoal, devidos às muitas dúvidas dos visitantes que acessa o blog vindos do Google à procura de como adicionar um chat no blog, resolvi criar um tutorial passo-a-passo com imagens e bem explicado para que de uma vez por todas este problema acabe. Muita gente entrou em contato comigo através do chat me perguntando como acessar o site onde está o código e que não está conseguindo colocar o chat no blog, ora, sem ler o artigo fica difícil de achar o link. É por isso que vou deixar o endereço do site aqui para no caso de haver reclamação dizendo que não achou endereço nenhum. O endereço é este: http://settings.messenger.live.com/applications/websettings.aspx. Bom, vamos explicar os passos, acesse o endereço mencionado acima e marque a caixinha, porque se a caixinha estiver desmarcada o seu visitante não saberá quando você estará online ou não no msn. Marcou a caixinha? Agora clique em salvar, como mostra na imagem abaixo. Clique em cada imagem para ter uma melhor visualização.

Passo 1

Logo em seguida clique em criar HTML para ser levado à uma nova página onde se encontra 3 opções para você adicionar no seu blog, escolha umas das 3 caixinhas (imagem abaixo), lembrando que se optar pela janela ou pelo botão, somente nestas duas opções você poderá escolher uma cor entre as 7 cores disponíveis que mais combina com as cores do seu blog. Se optar pelo ícone automaticamente não aparecerá opções de cores para serem escolhidas.

Passo 2


Com o tamanho da caixinha já escolhida é só copiar todo o código que aparece como mostra na imagem abaixo onde tem uma seta indicando.

Passo 3

Colocando o chat no blogger blogspot

Entre no painel de controle do seu blog no blogspot com seu login e senha. Clique em Layout.
Passo 4

Em seguida clique em Adicionar um Gadget, se abrirá uma janela no meio da sua tela, depois clique em HTML/JavaScritpt, como mostra na demonstração abaixo.

Passo 5

Dentro do espaço em branco cole o código que você havia copiado no passo 3, clique em salvar.

Passo 6

Visualize antes clicando em Visualisar para ver se ficou como você queria e no local que você escolheu, estando tudo certo clique em Salvar e pronto. Lembre que toda vez que você ficar online no seu msn os seus visitantes irão saber que você está online e assim eles poderão conversar com você do seu blog. Espero desta vez ter resolvido esta questão.

Veja outros posts de outros blogs!
2leep.com
Comentários
15 Comentários

15 comentários:

Sylvio V. Rodrigues disse...

Olá. Parabéns pelo post. Muito bem explicado e de fácil entendimento, inclusive, para leigos como eu. rsrsrs
Obrigado.

val disse...

Excelente postagem, valeu mesmo por nos ajudar

MISSIONÁRIA ANDRÉA disse...

EXCELENTE, AMEI, FAZIA TEMPO QUE EU QUERIA ESSA DICA DE CHAT, QUE DEUS TE ABENÇOE

Márcia Regina Camargo disse...

Ola!!

Fiquei com uma dúvida, é automatico o meu login, ou eu tenho que cadastrar o nome do meu msn naquele link?
E se isto funciona nos computadores da aplle?
grata,
márcia

Eli disse...

Oi Márcia, sim, é automático, se você está online no seu msn irá aparecer o seus status de online no widget do seu blog, não precisa cadastrar nome nenhum. Eu não sei se funciona nos computadores da Apple, mas creio que sim. Qualquer dúvida é só comentar. Abraços

Márcia Regina Camargo disse...

Oi Eli,

Tentei novamente, mas acho que o problema é a compatibilidade do msn usado para mac.
Até instalei de novo o msn original, mas até agora não consegui fazer funcionar.
Mas agradeço sua ajuda.
Se quiser entre no meu blog para ver como ficou:
www.marciacamargoadvogada.blogspot.com

marcia camargo disse...

Oi!!
Estou online e não funciona mesmo.
meu msn é marciarecps@hotmail.com

márcia camargo

Maaai Clstno disse...

(((: muito obrigada!

susy disse...

adorei muito facil obrigado....

André Silva disse...

VALEU MANO AJUDOU ! MESMO

Tiago garcia disse...

vlw cara ajudou dms ..
abrss.

Ila maria disse...

Muito obrigada eu consegui bjks

Rachel disse...

Cara gostei muito,mas no 4 passo nãi encontro a opição HTML/JavaScritpt. Será que te malgum erro?

Eli disse...

Oi Rachel,

A opção HTML/JavaScritpt, é a 8ª opção de cima para baixo. Procure direito que vc encontra, no meu painel eu encontrei fácil fácil.

Luu Silva :( disse...

ahh , n era esse o chat que eu queria , era akele outro la . , mais vlw tb ajudo bastante ;)

Postar um comentário

Reaja, faça seu comentário sobre este artigo!