Chat estilo Facebook para blog en lugar de envolve

EliasDavid256 · 2014-08-31T20:51:37-0500

Muy buenas tardes.

Estoy en la búsqueda de un chat que sea medianamente parecido al de facebook (Con que se encuentre en la parte de abajo y se deslice me conformo), pero que sea para blogger y no sea el de envolve. Si alguien me pudiera ayudar estaría muy agradecido, gracias.

macopi · 2014-08-31T21:51:00-0500

Chatango, lo ocultas con un div, creas un botón que se deslice y con javascript muestras el chat. :encouragement: cuando tenga tiempo posteo el código. :encouragement:

EliasDavid256 · 2014-08-31T23:51:22-0500

Si, te lo agradecería bastante si lo publicas

.

macopi · 1 Sep 2014

Esto es algo MUY básico, recuerda que puedes modificarlo es solo algo de referencia. De igual manera te dejo un link a Chatango donde dispones de una vez distintas funciones Create New Group (tienes 2 las cuales son flotantes).

Insertar CODE, HTML o PHP:

<div id="chat_boton" style="color: green; text-align: center; cursor: pointer; font-size: 20px;  font-weight: bold;  font-family: tahoma;  position: fixed; width: 150px; height: 25px; background-color: white; border: 1px solid green; border-radius: 5px; bottom: 10px; right: 10%;" onClick="document.getElementById('chat_codigo').style.display=''; document.getElementById('chat_boton2').style.display=''; document.getElementById('chat_boton').style.display='none';" onMouseover="document.getElementById('chat_boton').style.opacity='0.7';" onMouseOut="document.getElementById('chat_boton').style.opacity='1';">
Abrir Chat
</div>
<div id="chat_boton2" style="display: none; text-align: center; color: red; cursor: pointer;  font-size: 20px;  font-weight: bold;  font-family: tahoma;  position: fixed; width: 150px; height: 25px; background-color: white; border: 1px solid red; border-radius: 5px; bottom: 10px; right: 10%;" onClick="document.getElementById('chat_codigo').style.display='none'; document.getElementById('chat_boton').style.display=''; document.getElementById('chat_boton2').style.display='none';" onMouseover="document.getElementById('chat_boton2').style.opacity='0.7';" onMouseOut="document.getElementById('chat_boton2').style.opacity='1';">
Cerrar Chat
</div>

	<div style="display: none; bottom: 45px; right: 10%; position: fixed;" id="chat_codigo">
// AQUI EL CODIGO DE TU CHAT
</div>

raynier4000 · 1 Sep 2014

:encouragement: Buen aporte hermano

jfla94 · 1 Sep 2014

Gracias x el aporte

Backlink · 1 Sep 2014

Que listos xD

Bangbang · 1 Sep 2014

Gran aporte amigo.

Karpol · 1 Sep 2014

Muy bueno! Gracias por el aporte, se va a mis favoritos para cuando lo necesite :encouragement: