:: CP - Recursos Web :: - Fanbox twitter facebook googleplus

Fanbox twitter facebook googleplus

Fanbox twitter, facebook, google+

Unos de los recursos más usuados y buscados por los nuevos web-masters es este "Fanbox" que tiene la opcion de mostrar 3 redes sociales Facebook, twitter y Google Plus en el lado derecho de la pagina y que al clickearlo se expande mostrando sus seguidores y contenido.

[ Ejemplo: ]

EJEMPLO AL COSTADO DERECHO

Informacion:
Nombre: Fanbox twitter, facebook, google+
Fecha: 01-07-2013
Creditos: Desconocido
Garantia: Si ?

Enlazanos:

Compartir:

[ Codigos: ]

- Por encima de la pagina o extra head:

<link href="https://googledrive.com/host/0BzTF4maHDSaGQmVBUHg5eUFrSjA/fancyboxrs.css" rel="stylesheet" type="text/css" />
<div id='flotante1'><img src='https://img.webme.com/pic/c/cssplantillas/fancyboxfacecp.png' style='float:left;'/>
<div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTUSUARIOFACEBOOK&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe>
</div></span></div></div>
<div id='flotante2'>
<img src='https://img.webme.com/pic/c/cssplantillas/fancyboxgoocp.png' style='float:left;'/>
<div style='background: #9A9FA8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap' style="padding-left:20px; padding-top:15px; height:310px !important;">

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/TUUSUARIOGOOGLEPLUS" data-source="blogger:blog:followers" data-width="240">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'es'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();</script>
</div></span></div></div>
<div id='flotante3'>
<img src='https://img.webme.com/pic/c/cssplantillas/fancyboxtwicp.png' style='float:left;'/>
<div style='background: #00a0e8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script src='https://googledrive.com/host/0BzTF4maHDSaGZU0yMXRrRTYxdWM/fancyboxrs.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
$('#twitterfollowbox').followbox({
'user':'TUUSUARIOTWITTER', // PON AQUI TU USUARIO TWITTER
'height':'300',
'width':'260',
'theme':'custom',
'border_color':'#ffffff',
'bg_color':'#ffffff',
'bg_image':'',
'title_color':'#3B5998',
'total_count_color':'#333333',
'follower_name_color':'#BDBDBB'
});
});</script>
<div id="twitterfollowbox" class="follow-box-container"> </div>
</div></span></div></div>

Apuntes
Edita donde dice el script,
PD. Debes colocar las URL de tus redes sociales, Ejemplo: http://twitter.com/cssplantillas.
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 96 visitantesGracias por tu visita!

Recomendamos:

| CERRAR