Mil Trucos Blogger

Marcadores Sociales Flotantes en tu blog

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="http://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='http://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="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://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="http://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.

0
Shares
Deja tu Reacci贸n sobre el art铆culo
Me Gusta Dichoso Feliz Admirado Triste Enojado

21 Comentarios

  1. Agosto 23, 2012    

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

    • Agosto 23, 2012    

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

  2. Agosto 24, 2012    

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

    • Agosto 24, 2012    

      Diamante gracias a ti por comentar 馃榾

  3. Agosto 24, 2012    

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

    thx =)

    • Agosto 24, 2012    

      Migel Alfonso el truco quedo muy bien en tu blog :man:

    • Agosto 31, 2012    

      Ta Mas Lindo El Mio Jejejeje 馃槈 Saludos Amigos

    • Agosto 31, 2012    

      Aplicando Estos TRuquitos Que Tienes Aqui Juvinao Exlente Blog Eres El Numero Uno…http://www.vien2pelis.net/ 馃槈

    • Agosto 31, 2012    

      De seguro que se ven muy bien en tu blog,Saludos amigo 馃榾

  4. Agosto 28, 2012    

    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.

    • Agosto 28, 2012    

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

      Saludos Pedro 馃槈

  5. Septiembre 23, 2012    

    perfecto . gracias

    • Septiembre 23, 2012    

      Gracias por tu comentario 馃槢

  6. Octubre 6, 2012    

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

    • Octubre 7, 2012    

      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.

  7. Octubre 7, 2012    

    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 .

    • Octubre 7, 2012    

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

  8. Diciembre 10, 2012    

    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.

  9. Diciembre 28, 2012    

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

  10. Abril 3, 2013    

    Ya lo tengo puesto. gracias

  11. Abril 3, 2013    

    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 *

Categor铆as

S铆guenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros 煤ltimos posts en tu correo