Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

En esta oportunidad les compartire una barra flotante con marcadores sociales para compartir nuestro contenido.

Entre las mayores ventajas de esta barra esta como dije es flotante y se ubicara en la parte lateral del blog por lo que no tendras que gastar espacio y como si fuera poco tiene una gran apariencia.


Para agregar este truco debes pegar en un Elemento HTML/JavaScript lo siguiente:

<!--SideBar Floating Share Buttons Code Start-->
<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='https://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="https://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='https://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="https://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.bloggingtipsnow.com/2012/02/floating-sharing-button-with-stumble.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

<!--SideBar Floating Share Buttons Code End-->

Como ves es muy facil de agregar este truco en tu blog espero que les haya sido de utilidad.

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

21 commentarios

Amandysha · agosto 23, 2012 a las 2:37 am

Excelente! Muchas gracias, una pregunta, ¿sabes cómo puedo agregarle Pinterest a ese mismo botón?

    Juvinao · agosto 23, 2012 a las 8:13 pm

    Tocaria reeditar el codigo,vere que puedo hacer :zombie:

Diamante · agosto 24, 2012 a las 12:06 pm

una vez mas mi Blog esta quedando de lo lindo mil gracias

    Juvinao · agosto 24, 2012 a las 3:56 pm

    Diamante gracias a ti por comentar 😀

Miguel Alfonso · agosto 24, 2012 a las 12:42 pm

Ya lo tengo puesto en mi blog http://www.solocinehd.blogspot.com

thx =)

Pedro Borrallo · agosto 28, 2012 a las 1:38 pm

estupendo, así que da en mi blog después de cambiar la ubicación de derecha a izquierda.

http://www.queguapotio.com/

Gracias y muchos saludos.

    Juvinao · agosto 28, 2012 a las 8:06 pm

    Pedro muy habil de tu parte cambiar de ubicacion la barra flotante,excelente y acertado cambio.

    Saludos Pedro 😉

L'Entesa junts per Palafrugell · septiembre 23, 2012 a las 10:01 pm

perfecto . gracias

Artistasyfamosos · octubre 6, 2012 a las 11:34 pm

Hola muchas gracias por esta importante informacion , me gustaria agregar esta misma barra de marcadores pero en horizontal , es posible ? Gracias

    Juvinao · octubre 7, 2012 a las 7:40 pm

    Pues agregarlos de forma horizontal creo que perderia el sentio del truco 😕 , pero puedes añadir mas marcadores sociales que he publicado en el blog.

medicinaysalud medicina.salud · octubre 7, 2012 a las 8:37 pm

Muchs gracias , no te imaginas lo mucho que me ayudaste estuve todo el dia buscando en cientos de paginas y la tuya es la mas rápida y fácil .

    Juvinao · octubre 7, 2012 a las 8:39 pm

    Gracias por tu comentario amigo, que bueno que hayas encontrado lo que buscabas en mi blog 😛

Jhon Rios · diciembre 10, 2012 a las 3:21 am

AMIGO GRACIASSSSSSSSSSSSSSS RE EXCELENTE ESTE CÓDIGO CASI 12 HORAS BUSCANDO ALGO POTENTE COMO ESTE PERO LA BUSQUEN VALIÓ LA PENA GRACIAS =) UN NUEVO VISITANTE TOTAL. CONTINUA AMIGO TE LO AGRADEZCO DE TODO CORAZÓN.

Alexander Guerra Padilla · diciembre 28, 2012 a las 9:27 am

Brother como hago pa que esto me saldo a lado izquierdo y no derecho

Jose V.Villaplana · abril 3, 2013 a las 12:04 pm

Ya lo tengo puesto. gracias

Jose V.Villaplana · abril 3, 2013 a las 12:05 pm

Ya lo tengo puesto. Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *