Poner botones flotantes de redes sociales

¡Hola blogger!
Como la mayoría ya sabréis las redes sociales junto con el contenido son las dos cosas más importantes para un blog. Hace tiempo os hable sobre Como no morir manejando las redes sociales y hoy os traigo un tutorial para blogger.

Como poner los botones flotantes de las redes sociales:

BOTONES REDES SOCIALES FLOTANTES  PARA BLOGGER




En este caso lo bueno de este botón es que aunque bajes o subas por el blog el botón sigue en el mismo sitio y por lo tanto siempre visible.

Cuando alguien da me gusta en ese botón esta saliendo por su facebook, desde hay también puede compartir en google +  y twitter, sin duda es una buena forma de hacer que tus seguidores compartan tus entradas y llegar a más gente.

El tutorial es tan fácil que solo tenéis que ir a vuestro blog>diseño>añadir gadget>codigo html/javascrip y pegar este código:

 <!--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-->

Guardamos y listo ya lo tenemos.

¿Que os parece este tutorial blogger para poner las redes sociales flotantes?

Melyssa Blog belleza y cósmetica

15 comentarios:

  1. Ohh tan fácil es??? que genial, mil gracias.

    ResponderEliminar
  2. me parece muy útil y no es complicado. ¿Dónde están aquí tus seguidores? siguiéndote desde el antiguo blog voy a ver tus actualizaciones?

    ResponderEliminar
    Respuestas
    1. jaja ya esta...estaba miope-_- que tonta...claro que te sigo!!

      Eliminar
  3. Me quedo por aquí de seguidora también, seguro que me viene muy bien leerte!
    Un besito

    ResponderEliminar
  4. ¡Guapa! Te sigo aquí también, bonito blog, no lo conocía. Un besito muy fuerte

    ResponderEliminar
  5. Me quedo !! Seguro que aprenderé cositas...

    Besos
    Sandra

    ResponderEliminar
  6. Me quedo!, vengo de truquitos para las chicas! jeje no sabia que tenias este blog, me gustan este tipo de blogs! besitoooooooos

    ResponderEliminar
  7. Hola Melyssa, te devuelvo la visita y mequedo por aquí. Ya he puesto los botones flotantes de redes en mi blog con este tutoriallllll, genial!
    Besos y feliz martes!

    ResponderEliminar
  8. pues está ya un poco obsoleto, a mi me gustaría un tutorial con unos botones flotantes como los que tienes tu misma en tu blog, pero bueno yo ya he comprado tus dos libros y me has ayudado en muchas cosas así que te agradezco de todas maneras un saludo

    ResponderEliminar