Peticion Botón Social Facebook

redstead

Suspendido
Mensajes
14
Puntuación de reacción
0
Hola me gustaría saber como poner un botón social de este estilo
4 Minutos Para Que Recuerdes Que Hay Cosas Que ¡SI IMPORTAN!  Upsocl - Google Chrome.jpg
A ser posible , ¿ se podría cambiar el fondo oscuro a uno que muestre la página pero borrosa ?
Gracias !
Link de la página del Botón : Upsocl | Cosas que inspiran, cosas que intrigan, y las cosas que deberían ser vistas.
 
Mensajes
183
Puntuación de reacción
0
Yo eso este en mi blog
AKDwfiY.png
si lo quieres te dejo el codigo, solo tienes que cambiar la fanpage y el mensaje de bienvenida, ah y solo dura 15 segundos si quieres que dura mas, o menos, cambiale los segundos donde dice "timeout: 15,"



<style>
#stp-bg{
display:none;
position:fixed;
_position:absolute; /* star by ayudadeblogger.com*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:998;
}

#stp-main{
position:fixed;
top:220px;
_position:absolute; /* hack for IE 6*/
display:none;
width:450px;
border:7px solid #2f2f2f;
background:#fff;
z-index:999;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
margin:0pt;
padding:0pt;
color:#333333;
text-align:left;
font-family:arial,sans-serif !important;
font-size:13px;
}

#stp-title{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
font-size:18px;
padding:13px 0 13px 15px;
}

#stp-close{
float:right;
font-size:14px;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
color:#777777 !important;
margin:0 13px 0 0;
border-bottom:0px !important;
text-decoration:none !important;
}

#stp-close:hover{
text-decoration:none !important;
}

#stp-msg{
background:#4074CF;
padding:10px 15px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif !important;
font-weight:bold;
line-height:20px;
}

#stp-buttons{
margin:25px 0px 25px 120px;
padding:0 0 0 15px;
}

#stp-bottom{
padding:15px 10px;
background:#EFEFEF;
color:#95989F;
border-top:1px solid #DDE0E8;
}

#stp-counter{
font-size:11px !important;
text-align:right;
font-weight:bold;
}

.stp-button{
float:left;
width:120px;
}

.stp-clear{
clear:both !important;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://connect.facebook.net/es_LA/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>
<script type="text/javascript" src="http://yourjavascript.com/114356611/jquery-stp-min.js">
</script>
<script> $(document).ready(function(){ $().socialTrafficPop({ timeout: 15, title: "¿Te gusta nuestra web?. Cada día trabajamos para brindarte lo mejor. Ayúdanos a seguir adelante con un simple LIKE en tus redes sociales",
message: 'Like & Comparte :3</em>! ', google_url: "http://teletengo.blogspot.com/", google_size: "tall", fb_url: "https://www.facebook.com/teletengo", fb_layout: "box_count", closeable: true, advancedClose: false, opacity: '0.45', twitter_on: true
});
});
</script>
 
Mensajes
5
Puntuación de reacción
0
Hola creatore por favor me podría explicar como insertar el código en blogger. Muchas gracias desde ya saludos


Enviado desde mi iPad con Tapatalk
 
Arriba