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

Relacionados...

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