Solicitud de chat horizontal para blog

Hola amigos he mirado en algunos foros un chat horizontal en la parte superior . ¿sería posible implementarlo en un blog? si alguien tiene el código se lo encargo. Gracias

Has probado usar el chat de chatango? solo debes crear una cuenta con ellos, configuras el color y tamaño del chat copias el codigo y lo insertas en un gadget que tiene pro nombre "HTML/Javascript Añadir" y listo.

alejandro08 dijo:

Has probado usar el chat de chatango? solo debes crear una cuenta con ellos, configuras el color y tamaño del chat copias el codigo y lo insertas en un gadget que tiene pro nombre "HTML/Javascript Añadir" y listo.

Hacer clic para expandir...

gracias bro voy a probarlo si me convenzo lo dejo

En cuanto a chat se refiere, lo más estético y estable es chatango, ademas q ya muchos usuarios están registrados y familiarizados, puedes colocarlo donde quieras y de la forma q quieras.
Otro plus es q es muy fácil para moderarlo, banear usuarios, palabras, limpiar chat, etc.

Aqui tienes uno que lo tengo en mi pagina y sale como una solapa...ese codigo lo colocas como un gadget

<style>
#hcr {
position:fixed;
top:300px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor😛ointer;
background:url('https://dl.dropboxusercontent.com/u/4594548/chat.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #008DFF;
background:#81BEED;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

<!-- CHAT BOX CODE HERE -->
CHAT DE CHATANGO
<!-- END CHAT BOX CODE --->

<br />
<span style="float:right">
<a href="javascript:showHidehcr()">
[Cerrar]
</a>
</span>
</div>
</div>

<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>

<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=20057109633696963&widgetType=HTML&widgetId=HTML7&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML7"));' target='configHTML7' title='Editar'>

</a>
</span>
</span>
<div class='clear'></div>

Yo uso xat, y es muy bueno 🙂

Acá te dejo un enlace tutorial que espero te sirva:

Agregar un chat en Blogger

Hay Horizontal y vertical tipo minichat, me gusta más el segundo para el sidebar. Pero esto es cuestion de gusto.