Botones twittear y compartir en Facebook flotantes con jQuery – Habitaciones

Hace algún tiempo un usuario se interezó en los botones flotantes que tengo en mi blog, y en esta oportunidad los pongo a disposición del que los desee.

Estos botones tienen la particularidad de ser animados, son flotantes, están basados en jQuery y no necesitan una configuración complicada.

Vista previa de los botones:

¿Cómo añadirlos a Blogger?

Paso 1: Añadiendo la sección:

En ''Diseño | Edición HTML'' buscamos la siguiente línea:

data:post.body/

Arriba de esta, pegaremos el siguiente código:

b:if cond='data:blog.pageType == "item"'
div id='sharebox'
div class='wdt' a class='twitter-share-button' data-count='vertical' data-lang='es' data-via='NOMBRE-TWITTER' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'/ /div
div class='wdt' diviframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=box_count&show_faces=false&width=53&height=65&action=like&font=arial&colorscheme=light&send=false"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:65px;'//div /div
/div
/b:if

Reemplaza lo que está en color rojo por tu nombre de usuario en Twitter

Paso 2: Añadiendo jQuery:

Ahora buscaremos la siguiente línea:

/b:skin

Inmediatamente después de esta, pegaremos el siguiente código:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/script

Paso 3: Añadiendo el script:

Ahora buscaremos la siguiente sección:

/head

Arriba de esta, pega el siguiente código:

script type='text/javascript'
$(document).ready(function() {
var $sidebar = $("#sharebox"),
$window = $(window),
offset = $sidebar.offset(),
topPadding =65;
$window.scroll(function() {
if ($window.scrollTop() offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
/script

Paso 4: Añadiendo los estilos:

Ahora buscamos la siguiente línea:

/b:skin

Justo arriba de esta, pegaremos el siguiente fragmento CSS:

#sharebox {
float: left; /* Alineación */
margin-left:-82px; /* Separación a la izquierda */
background: #ffffff; /* Color de fondo */
position: absolute; /* NO TOCAR */
-moz-border-radius: 6px; /* Bordes redondeados Mozilla */
border-radius: 6px; /* Bordes redondeados genéricos */
}
#sharebox .wdt {
float: left;
clear: left;
padding: 5px;
}

Ahora guarda los cambios y listo:

Consideraciones:

1. En el script aparece el siguiente atributo:

topPadding =65;

1. Reemplaza el valor para aumentar o disminuir la separación superior de los botones.

• Si deseas agregar sombras, agrega los siguientes atributos en la opción CSS:

-moz-box-shadow: 5px 5px 5px #C0C0C0;
-webkit-box-shadow: 5px 5px 5px #C0C0C0;

• Si deseas que los botones se muestren tanto en la página principal como en las entradas, elimina las siguientes líneas de la sección:

b:if cond='data:blog.pageType == "item"'

• y

/b:if

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial 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

Best Seo company Criminal lawyer car accident lawyer san bernardino Service business software Annuity Settlements semi truck accident lawyers Make money online Australia ROYALTY FREE IMAGES STOCK Royalty Free Images Stock home phone internet bundle Structures Annuity Settlement boca raton personal injury attorney motorcycle accident lawyer california Motor Replacements Php programmers DONATE CARS ILLINOIS Php programmers for hire Seo companies DONATE YOUR CAR FOR MONEY workplace accident attorney Online casino donate your car for kids Mortgage Adviser wisconsin mesothelioma attorney Online Criminal Justice Degree car accident lawyers New social media platforms harddrive data recovery services mesothelioma information Casino DONATING A CAR IN MARYLAND miami personal injury attorney Social media platforms for business cheaper insurance companies mesothelioma law firm Donating Used Cars to Charity sell structured settlement calculator Hire php developers Psd to html Mobile casino domain yahoo Dwi lawyer los angeles auto accident attorneys Gas/Electricity Custom Christmas cards massage school dallas texas Live casino diagnosed with mesothelioma business voip solutions WordPress theme designers REGISTER FREE DOMAINS car insurance in south dakota online criminal justice degree Casino reviews caraccidentlawyer Data Recovery Raid Psd to WordPress Criminal defense lawyer Best Criminal Lawyers in Arizona Online Classes business administration masters DUI lawyer Online Christmas cards mesothelioma lawsuit Hire php programmers Social media management EMAIL BULK SERVICE Low credit line credit cards MASSAGE SCHOOL DALLAS TEXAS mesothelioma lawyer california Email bulk service CAR INSURANCE QUOTES UTAH Forensics online course Bankruptcy lawyer Social media campaigns Photo Christmas cards Business finance group Holland Michigan College ONLINECLASSES Cheap Car Insurance in Virginia Dayton Freight Lines Tech school HOME PHONE INTERNET BUNDLE Mortgage adviser alabama mesothelioma lawyer Forex Trading Platform Hire php developer Online College Course mesotheolima Paperport promotional code event management security Computer science classes online city college in miami Met Auto refinance with bad credit car donate DONATE CAR FOR TAX CREDIT Best social media platforms for business Paperport Promotional Code federal criminal defense attorney Donate a car in Maryland Donate your Car for Money phd in counseling education Donate old cars to charity Custom WordPress theme designer Seo services Insurance Companies Motor replacements Claim integrated ehr Seo company Business management software Christmas cards Best social media platforms personal injury lawyer sarasota fl