ShareSidebar: Barra para compartir entradas

ShareSidebar es un servicio para quienes no quieran lidiar con códigos ya que de manera simple, nos permite agregar una barra lateral fija en nuestra web, con iferentes servicios que permiten a los visitantes, compartir las entradas en las redes sociales.

Sólo necesitamos completar el formulario con una dirección de mail, la URL del blog, definir si se mostrará a la izquierda o a la derecha y seleccionar los servicios que vamos a usar: Facebook, Twitter, Delicious, Digg, Google Buzz, StumbleUpon, Reddit y Yahoo Buzz.

Decidido eso, hacemos click en Get the code y listo. Ahí nos darán el código necesario que luego pegaremos en la plantilla, justo antes de la etiqueta </body>.

<!--ShareSidebar.com BEGINS-->
<style>
  .FBConnectButton_Small {
    background-position: -5px -232px !important;
    border-left: 1px solid #1A356E
  }
  .FBConnectButton_Text {
    margin-left: 12px !important;
    padding: 2px 3px 3px !important
  }
  #ShareSidebar {
    font-size: 9px;
    line-height: normal;
    overflow: hidden;
    position: fixed;
    right: 0 !important;
    text-align: center;
    top: 25%;
    width: 69px;
    z-index: 100000;
    _position: absolute;
  }
  #ShareSidebar a, #ShareSidebar a:hover, #ShareSidebar a:visited {
    font-size:9px;
    text-decoration: none;
  }
</style>

<div id="ShareSidebar">
  <div style="float:left; margin:10px 0 0 10px;">
    <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>
  <div style="float:left; margin:10px 0 0 10px;">
    <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
  </div>
  <div style="float:left; margin:7px 0 0 10px;">
    <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
    <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
  </div>
  <div style="float:left; margin:10px 0 0 10px;">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
  </div>
  <div style="float:left; margin:10px 0 0 5px; color:#000000; font-family:Arial, Helvetica, sans-serif; background-color:#F4295C; padding:2px 3px;">
    <a href="http://sharesidebar.com" target="_blank"><font color="#ffffff">Share</font><font color="#000000">Sidebar</font></a>
  </div>
</div>
<!--ShareSidebar.com ENDS-->

Por supuesto, quien quiera, peude modificar el estilo para adaptarlo pero, así como está, funcionará normalmente en casi cualquier plantilla:

mostrar/ocultar

REFERENCIAS:wwwhatsnew.com