Botones para compartir que se detienen y flotan al bajar la página – Lincoln

Resulta cada vez es más importante que nuestras entradas sean valoradas y compartidas en las redes sociales, así que para muchos mantener visibles losbotones para compartir es indispensable.
Y una buena forma de mostrar siempre los botones es hacerlos flotantes, de manera que el lector pueda seguir viéndolos aun cuando baje el scroll de la página.

Lo que hace este script de jQuery es que cuando un elemento, en este caso los botones, lleguen "al tope" de la página se quedarán flotando en una posición fija.
Puedes ver aquí mismo el resultado, baja el scroll de la página, y los botones que están a continuación se quedarán flotando. Si vuelves a la parte de arriba entonces los botones regresarán a su lugar.

Twittear

Esta barra de botones la pondremos debajo del título de las entradas, la barra incluye los botones deFacebook,Twitter,Google+,Bitácoras, yPinterest.

Lo primero es entrar enPlantilla | Edición de HTML y marcar la casillaExpandir plantillas de artilugios. Pegamos antes de/head el script:

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

script type='text/javascript'
//![CDATA[
$(function() {
var $flotarbotones = $("#botonesflotantes"),
$window = $(window),
offset = $flotarbotones.offset();
$window.scroll(function() {
if ($window.scrollTop() offset.top) {
$flotarbotones.css({'position' : 'fixed', 'width' : '650px', 'top' : '0px'});
} else {
$flotarbotones.css({'position' : 'absolute', 'top' : 'auto'});
}
});
});
//
/script

Ahora antes de/b:skin pegamos los estilos de la barra:

#botonesflotantes {
width: 650px;/* Ancho de la barra */
height: 18px;
padding: 8px 0 10px 0;
position: absolute;
background: #eee;/* Color de fondo */
border: 1px solid #E6E6E6;/* Borde */
border-radius:5px;
z-index: 99;
}
.botonesflotantes {
margin-left: 5px !important;/* Distancia de los botones desde la izquierda */
}
.botonesflotantes li {
float: left;
margin-left: 5px;
list-style:none;
}

Por último, debajo dediv class='post-header' agrega el siguiente código:

b:if cond='data:blog.pageType == "item"'
div style='padding:5px 035px 0;clear:both;'
div id='botonesflotantes'
ul class='botonesflotantes'

!-- Botón de Facebook --
liiframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=100&height=25&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:25px;'//li

!-- Botón de Twitter --
lia class='twitter-share-button' data-lang='es' href='https://twitter.com/share'Tweet/ascript src='//platform.twitter.com/widgets.js' type='text/javascript'//li

!-- Botón de Google+ --
liscript src='http://apis.google.com/js/plusone.js' type='text/javascript'/g:plusone expr:href='data:post.url' size='medium'//li

!-- Botón de Bitácoras --
lia expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/mini/" + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:0px;' title='Votar este artículo en Bitacoras.com'//a/li

!-- Botón de Pinterest --
lia class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet' style='margin:0 10px 5px 0;'Pin It/a script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'//li

/ul
/div
/div
/b:if

Si quieres que los botones estén al final de la entrada entonces el código anterior pégalo antes o después dediv class='post-footer'

Verás que en el primer código aparece en color verde el ancho de la barra, y también aparece en los estilos, si cambias el tamaño deberás hacerlo en ambos. Toma en cuenta que son varios botones, por lo que no se recomienda hacerla más angosta, de lo contrario algunos botones se bajarán. En caso de que decidas hacerla más angosta entonces quizá sea necesario eliminar algún botón.

En el último código verás a cuál botón corresponde cada código, por si quisieras quitar alguno de ellos.

Si la barra quedara encimada al texto de las entradas entonces cambia el35px por un valor más alto.
Los botones se verán únicamente al ingresar a las entradas individuales, de otra forma los botones se encimarían unos con otros al bajar la página.

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 Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,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

Life Insurance Co Lincoln dallas mesothelioma attorneys onlineclasses Business management software Online Classes hughes net business Life insurance co Lincoln Nunavut Culture boulder personal injury lawyers mesothelioma information Online College Course Nunavut culture cloud identity and access management donate your car for money mesotheolima Service business software Social media platforms for business Mortgage car donate Photo Christmas cards WORLD TRADE CENTER FOOTAGE Mobile casino Tech school Online Christmas cards Online casino structured settlements companies mesothelioma litigation Social media campaigns VIRTUAL DATA ROOMS Casino Better Conference Calls Best social media platforms for business Html email Make money online Australia Cheap Domain Registration Hosting Criminal defense lawyer Online Motor Insurance Quotes Car insurance quotes pa Hire php developers Casino reviews Live casino CHEAP CAR INSURANCE FOR LADIES Sell Annuity Payment motor replacements Donate old cars to charity Neuson DUI lawyer accident attorneys orange county Dwi lawyer online criminal justice degree Email Bulk Service Hire php programmers forensics online course Hire php developer Donate a car in Maryland Online Colleges Seo company Futuristic architecture tucson car accident attorney mesothelioma attorneys california Criminal lawyer car accident lawyers west palm beach mesothelioma cases Seo services Car Insurance Companies Car Insurance Quotes PA business email web hosting Car Insurance Quotes peritoneal mesothelioma Php programmers for hire data recovery raid Cheap auto insurance in VA domain registration yahoo Bankruptcy lawyer donating used cars to charity Computer science classes online Proud Italian cook Php programmers Donate Cars in MA AUTO ACCIDENT ATTORNEY Donate Your Car Sacramento Seo companies mesothelioma lawyer houston NEUSON houston tx auto insurance online motor insurance quotes WordPress themes for designers injury lawyer houston tx New social media platforms DONATE YOUR CAR SACRAMENTO what is structured settlement structured settlement agreement Cheap Car Insurance in Virginia Psd to WordPress Motor Replacements Business finance group Custom WordPress theme designer Best Seo company cheap auto insurance in va Best social media platforms Massage school Dallas Texas Car Insurance Quotes Utah Custom Christmas cards mesothelioma care criminal defense attorneys florida Donate cars Illinois Hard drive data recovery services WordPress hosting Donate Car to Charity California best consolidation loan student auto accident attorney mesothelioma help Dallas mesothelioma attorneys REGISTER FREE DOMAINS broward county dui lawyer

Cosas Para Blogueros

Botones para compartir que se detienen y flotan al bajar la página – Lincoln – Law Firm

Categories