Cómo poner un chat en blog de blogger


Si quieres poner un chat en tu blog para conversar a tiempo real con tus visitantes, debes seguir los siguientes pasos:

1) Visitamos la web de cbox
2) Pulsamos en:



3) Rellenamos los datos que nos pedirán a continuación:



4) Se nos mostrará un aviso para ir a nuestro email:


5) Abrimos el correo y clicamos en el primer enlace que nos aparece.
6) Apareceremos de nuevo en la web de cbox. Insertamos nuestro usuario y contraseña:


7) Copiamos el código que nos aparecerá:





8) Lo pegamos en Diseño->Elementos de página->añadir un gadget->HTML/Javascript.


Y ya hemos terminado. Esto es un ejemplo de como queda el chat en el blog:











NOTA: Tambien podemos pegar el código en una entrada.

23 comentarios:

  1. Compañero, sabes si este chat acepta los caracteres españoles? es que quiero cambiar el q tengo de chatango, pq se basa en teclado americano (acentos, la Ñ, los simbolos no están donde deberían...)

    ResponderEliminar
  2. Hola comapañero. Tú mismo puedes hacer la prueba debajo de la entrada en el chat de prueba. Yo lo acabo de probar y funciona de maravilla.

    Un saludo.

    ResponderEliminar
  3. jajaja gracias, pense q era un pantallazo jaja
    pues me le quedo...

    una pregunta.. sabes como incluir la opcion [url] en lugar de- a href?
    eso me facilitaria mucho las cosas para mis hipervinculos

    ResponderEliminar
  4. nop, a en el blog
    creo q se les llama codigos mi@
    es q en el blog de otra persona, si pone [url]http://xxx.html[/url] directamente le pone como hipervinculo esa web
    es mucho mas comodo q andar con el href

    ResponderEliminar
  5. Hola ZBon. Creo que lo que dices sólo funciona, por ejemplo, en foros.

    ResponderEliminar
  6. pues es que un chico q tiene blogspot tb, le funciona.. y él no sabe de haber hecho ninguna cosa en especial para q funcione

    ResponderEliminar
  7. No se como lo puede hacer la verdad. Si me entero de algo lo dire en una entrada. Gracias por la informacion compañero.

    ResponderEliminar
  8. Buenass!!

    Este chat no hay manera de hacerlo mas grande?? porque para la Siderbar viene genial pero para una entrada queda algo chico.

    Saludos

    ResponderEliminar
  9. Cuando copies el código fíjate que incluye dos palabras: "width y height". Si los modificas (añadiendo un valor más alto) puedes ampliar este chat. Espero que te sirva. Un saludo.

    ResponderEliminar
  10. Hola, sabes como cambiarle el estilo (el color) porque es verdad que a la hora de crearlo te da las opciones pero siempre sale el azul clásico... me gustaría uno rojo

    ResponderEliminar
  11. Hola. En el paso 3) pone en style cambia lo de modern blue por el color que quieras.

    ¡Un saludo!

    ResponderEliminar
  12. Sí, cambié eso pero igual sale el azul, creo que hay que pagar para tener más modificaciones...

    gracias de todos modos!

    ResponderEliminar
  13. Hola Maxxx. No sé decirte si hay que pagar o no por ello. Pero ahora que lo mencionas, creo que siempre que he visto este chat lo he visto del mismo cologr. Cosas raras...

    Un saludo compañero

    ResponderEliminar
  14. hola a todos
    comentarios que si se puede elegir el color, yo lo he puesto negro y sale bien.
    cuando lo estas creando y te manda elegir el color yo lo puse azul porque no sabia como serian los otros....pero luego una vez echo todo en el menu le das a look&feel y luego a style gallery y ahi eliges el color que quieras....cliqueas encima del que quieres, te manda confirmar y luego te ponde save (guardado) y listo. luego le das a la pestaña de publica y copias el codigo nuevo y listo.
    espero que os sirva para que lo veais esta en mi blog: esfantastico.blogspot.com
    un saludo

    ResponderEliminar
  15. Gracias por tu aporte Ani. Seguro que a más de uno le servirá.

    Un saludo y gracias por participar.

    ResponderEliminar
  16. gracias por la informacion!

    siempre viene bien la informacion para quienes no somos tan duchos con el ordenador... ^^

    ResponderEliminar
  17. Me alegro que te sirva norosugi.

    Gracias por tu visita y por comentar.

    ResponderEliminar
  18. de madres gracias por la ayuda

    ResponderEliminar
  19. Amigo, me gustaria saber como colocar un chat (html) en una entrada del blogger o en una pagina del mismo, porque yo lo se colocar pero en un gadget y siempre estará visible, es que yo lo quiero en que al abrir una pestaña de de mi blog en e blogger se ubique mi chat o xat.
    Gracias.
    Mi correo harveyptc@gmail.com

    ResponderEliminar
  20. Muy buen tutorial, explicado de maravilla. Funciona a la perfeción. Gracias :)

    ResponderEliminar