Botones para compartir flotantes que se deslizan al bajar

Hace poco veíamos una manera de poner debajo de los títulosbotones para compartir en las redes sociales, de forma flotante, es decir, que éstos permanecían visibles aun cuando se bajara el scroll de la página.

En esta ocasión veremos algo similar, digo similar porque aunque también se mantienen flotantes, éstosbotones para compartir las entradas del blog bajan junto con el scroll de la página pero con un ligeroefecto deslizante, además, éstos botones se encontrarán del lado izquierdo de las entradas. Incluiremos sólo los botones básicos:Facebook, Google+ y Twitter, sin embargo se pueden agregar más o cambiarlos por otros.

Puedes ver el ejemplo aquí mismo en esta entrada, al bajar la página verás que los botones también bajan, y al subir de nuevo los botones regresarán a su lugar.

Para poner estos botones flotantes para compartir usaremos un script muy corto de jQuery.
Lo primero es ingresar aPlantilla | Edición de HTML, marcar la casillaExpandir plantillas de artilugios y pegar antes de/head lo siguiente:

script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'/
script type='text/javascript'
// ![CDATA[
$(function() {
var offset = $("#BotonesFlotantes").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() offset.top) {
$("#BotonesFlotantes").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#BotonesFlotantes").stop().animate({
marginTop: 0
});
};
});
});
//
/script
style
#BotonesFlotantes {
position: absolute;
left: -100px;/* Distancia desde la izquierda */
border: 1px solid #FB5F55;/* Borde del contenedor */
border-right: 0px;
padding: 10px;
background-color: #FFF;/* Color de fondo del contenedor */
z-index:9;
}
#BotonesFlotantes div {
margin: 10px 0;
}
/style

Luego buscamos esta línea:

div class='post-header'

Y debajo de ella pega lo siguiente:

b:if cond='data:blog.pageType == "item"'
div id='BotonesFlotantes'
diviframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px'//div

diva class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'//div

divscript src='http://apis.google.com/js/plusone.js' type='text/javascript'/g:plusone size='tall'//div

/div
/b:if

Guarda los cambios y listo.
En el primer código hemos puesto tanto el script como los estilos ya que ambos son muy breves. Ahí verás en color verde a qué corresponde cada área.
Donde dice/* Distancia desde la izquierda */ debes modificarlo hasta que quede a la distancia correcta según tu plantilla. Ahí mismo verás dónde cambiarle el borde y fondo del contenedor.

Estos botones se verán sólo en las entradas individuales, de otra forma no funcionarían.
Si quisieras agregar más botones entonces añádelos antes de/div y cada uno encerrado entre div y /div

Recuerda que este gadget usa jQuery, por lo que si ya tienesla última versión de jQuery no hace falta repetir el script. Y si usas Mootools o Scriptaculous debesaplicar unos cambios al script.

Sino te aparecieran, pon la/* Distancia desde la izquierda */ en 0px, si tampoco aparecen entonces el último código ponlo arriba dedata:post.body/

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity