Ads 468x60px

martes, 20 de marzo de 2012

Boton Flotante "Me Gusta de Facebook" con Opcion de Cerrar



Hace poco publicamos el código para poner el botón flotante de Facebook asi nuestros visitantes se podían hacer fan de nuestra web fácilmente, esta ves te traemos el mismo botón pero con algunas mejoras, le añadimos la opción Cerrar, asi si a nuestro visitante le molesta el botón flotante pueda cerrarlo.


Para instalar el botón en nuestro sitio web vamos a insertar el siguiente código en el“Head” (<head>*</head>) de tu web:
1
2
3
4
5
6
7
<script type='text/javascript'>
 function cerrarelemento()
{div = document.getElementById("cerrarelemento");
div.style.display="none";
 }
setTimeout(cerrarelemento, 70000);
</script>
  • 70000 es el tiempo en segundos que el elemento flotante se cerrará automáticamente si el usuario no cierra.
Ahora insertamos el siguiente código en la sidebar o (<body>*</body>):
1
2
3
4
5
6
<div id='cerrarelemento' style='border: solid 2px #D8DFEA;padding: 5px; background:#F2F2F2; left:790px;bottom:20px;position:fixed;width: 190px; height=80px; z-index:9999'> 
<a href='javascript:cerrarelemento();'><img src='http://u.jimdo.com/www38/o/sa1c23512e426e90b/img/ie0f457a544cbbac1/1309135001/std/image.png' style='float: right;border: 2' title='Cerrar' alt=    "" /></a>    <div style='border: 1px solid rgb(68, 68, 68); padding: 10px; background:#4B67A1'>    
<center>      
<img border='0' src='http://u.jimdo.com/www38/o/sa1c23512e426e90b/img/ifa57bbefcc5b2733/1310875241/std/image.png' alt="" /><iframe frameborder='0' scrolling='no' src= 'http://www.facebook.com/plugins/like.php?href=AQUI LA URL DE TU PÁGINA EN FACEBOOK&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21'            style='border:none; overflow:hidden; width:110px; height:21px;'></iframe>        </center> 
</div>
</div>

  • En la URL de tu página en Facebook poner sin el http:// o sin el www.

  • Si en ves de poner el botón “Me Gusta” quieres poner el botón “Recomendar” en el código busca: action=like y cambilo por action=recommend

0 Comentarios:

Publicar un comentario

Si No Tienes Cuenta en Ninguna de estas Plataformas,
Puedes Comentar Como Anónimo.
O tambien puedes poner tu Nombre/URL

Si publicas un comentario con mal vocabulario sera eliminado por el dueño del Blog.

Translate Blog

 

Sample Text





















AVISO
Hola "Bienvenidos" gracias por visitarnos aqui podras encontrar variedad en trucos para tu blog...