Tutorial: Script caja flotante lateral derecho y desplegable de Chatango para Blogger.

bacanzito

Eta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
28 Nov 2012
Mensajes
1.407
Script caja flotante lateral derecho y desplegable de Chatango para Blogger. :encouragement:



Insertar CODE, HTML o PHP:
<style>
#hcr {
position:fixed;
top:60px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-n6MFSSLcJ4w/T01qsipf6YI/AAAAAAAAGwM/dkqmUuQV4ZQ/s1600/ChatBox5.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #FF2E2E;
background:#FFD0D0;
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 -->
<object width="250" height="350" id="obj_1330475176845"><param name="movie" value="http://BloggeameBblggr.chatango.com/group"/><param name="AllowScriptAccess" value="always"/><param name="AllowNetworking" value="all"/><param name="AllowFullScreen" value="true"/><param name="flashvars" value="cid=1330475176845&a=FF2D2D&b=100&c=FFFFFF&d=FFFFFF&k=FF2D2D&l=999999&s=1&w=0"/><embed id="emb_1330475176845" src="http://BloggeameBblggr.chatango.com/group" width="250" height="350" allowscriptaccess="always" allownetworking="all" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="cid=1330475176845&a=FF2D2D&b=100&c=FFFFFF&d=FFFFFF&k=FF2D2D&l=999999&s=1&w=0"></embed></object><br />[ <a href="http://BloggeameBblggr.chatango.com/clonegroup?ts=1330475176845">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1330475176845">Start New</a> | <a href="http://BloggeameBblggr.chatango.com">Full Size</a> ]
<!-- END CHAT BOX CODE --->


<br />
<div class="hc-credit">
<span style="float:left">
<a href="http://bloggeameblogger.blogspot.com/2012/02/caja-de-chat-en-forma-flotante-para-tu.html" target="_blank">
[?]
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[Cerrar]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6756021128688737735&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>
</div></div>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
</div>


pueden provarlo aqui que funciona correctamente.

Probar código HTML. Herramientas webmaster :: LaWebera.es
 

Carlos Arreola

Admin
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.358
Tutorial aprobado y agregado al listado, gracias por el aporte.
 

DanyL

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
6 Mar 2012
Mensajes
72
¡Muchas gracias! esto me será de mucha ayuda

- No me convenció mucho pero me dio una idea :witless:
 
Última edición:

avallejo

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
14 Feb 2012
Mensajes
461
Muchísimas gracias.
 

GatoRyuzaki

Dseda
Verificación en dos pasos desactivada
Desde
3 Mar 2013
Mensajes
1.137
Gracias por el aporte man :D aunque una vez implementado creo que se laggea la web ¿no?
Por cierto, interesantes las conversaciones en el chat jaja Cx
 

OscarJ

Gamma
Verificación en dos pasos desactivada
Desde
4 Mar 2012
Mensajes
301
Muchas gracias :encouragement:
 

dany_danay

Dseda
Verificación en dos pasos desactivada
Desde
10 Ene 2010
Mensajes
1.072
alguien me puede ayudar para que sea al otro lado?
 

jdrb14

Alfa
Verificación en dos pasos desactivada
Desde
4 Abr 2013
Mensajes
16
Excelente ya lo tenia y funciona mejor que Xat.com...
 

cybertec

Dseda
Verificación en dos pasos desactivada
Desde
6 Ago 2014
Mensajes
1.045
Gracias, agregado a favoritos. :encouragement:
 

busk2

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
16 Sep 2014
Mensajes
22
bueno para el que quiera tener un chat en su blog...
 

intoroddex

Baneado
Lambda
Verificación en dos pasos desactivada
Desde
9 Abr 2014
Mensajes
2.993
Gracias. a probar............:panda:
 

Streamlife

Curioso
Verificación en dos pasos desactivada
Desde
6 Nov 2014
Mensajes
6
Muchas gracias, Solo una Consulta, Cuales Lineas Debo modificar para Agregar el mio? podrias colocarlas Aqui mismo en algun Tipo de orden? muchas gracias
 

DkRenzo

Baneado
Gamma
Videoblogger
Verificación en dos pasos desactivada
Desde
6 Abr 2016
Mensajes
305
A probarlo haber si aun funciona
 

Aker

Épsilon
Verificación en dos pasos desactivada
Desde
7 Dic 2015
Mensajes
876
buen aporte :encouragement:
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba