Botones flotantes para compartir (Incluído el botón +1) – Arquitectura – coche

Previamente había creado mediante jQuery una forma de mostrarbotones para compartir en Twitter y Facebook flotando en el blog. En esta oportunidad, modificando un poco los valores añadí una tercera función:El botón +1 de Google.

Este botón se puede implementar añadiendo los botones para compartir debajo de cada entrada, pero para algunos no es una opción fiable ya que utilizamos otros métodos para compartir nuestro contenido y sería redundante tener duplicaciones de los botones.

Recomiendo el uso de este botón ya que de la cantidad de votaciones que obtengamos en nuestras entradas, se valdrá nuestra posición en Google.

Vista previa de los botones:

Añadiendo esta función en 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='cajaflotante'

div class='boton'
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='boton'
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 class='plusbutton'
script src='http://apis.google.com/js/plusone.js' type='text/javascript'/
g:plusone expr:href='data:post.url' size='tall'/
/div

/div
/b:if

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

Paso 2: Añadiendo CSS:

Ahora buscaremos la siguiente línea:

/b:skin

Arriba de esta, pegaremos el siguiente código:

#cajaflotante {
float: right;
margin-left: -92px;
background: #fff;
position: absolute;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #C0C0C0;
-webkit-box-shadow: 5px 5px 5px #C0C0C0;
}
#cajaflotante .boton {
margin:0px auto;
padding: 5px;
}

#cajaflotante .plusbutton {
margin:0px auto;
padding:0 15px;
}

Paso 3: Añadiendo jQuery a la plantilla:

Omite este paso si ya tienes jQuery instalado en tu Blog.

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 4: 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 = $("#cajaflotante"),
$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

Ahora guarda los cambios y listo:

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

student loan consolidation program Social media tools Live casino personal injury accident lawyer domain registration yahoo Attorney Online casino Custom Christmas cards selling a structured settlement CRIMINAL DEFENSE ATTORNEYS FLORIDA Mesothelioma Law Firm Business finance group AUTOMOBILE ACCIDENT ATTORNEY CAR ACCIDENT LAWYERS mesothelioma law suit mesothelioma compensation Casino Donate Car to Charity California best consolidation loan student Php programmers for hire Social media platforms for business mesothelioma symptoms NUNAVUT CULTURE Mobile casino CAR DONATE Photo Christmas cards sell annuity payment CHEAP CAR INSURANCE IN VIRGINIA Donate car to charity California Hire php developers MET AUTO Online Christmas cards buyer of structured settlement annuity best criminal lawyer in arizona structured settlement agreement Make money online Australia florida car insurance company mesothelioma ct register free domains Forex Trading Platform Online Colleges anti spam appliance Nunavut Culture Casino reviews How to donate a car in California Donate Your Car Sacramento futuristic architecture DUI lawyer DONATING A CAR IN MARYLAND Dallas mesothelioma attorneys Dwi lawyer buying an annuity calculator Mortgage adviser what is structured settlement Criminal lawyer Dedicated Hosting Dedicated Server Hosting Christmas cards Donate Car for Tax Credit Car Insurance Quotes MN Hire php programmers structured settlement cash out Seo companies Psychic for Free PHD IN COUNSELING EDUCATION Online motor insurance quotes broward county dui lawyer Criminal defense lawyer Cheap Domain Registration Hosting Car Accident Lawyers DONATE A CAR IN MARYLAND Webex Costs chicago hair laser removal DONATE OLD CARS TO CHARITY WEBEX COSTS Service business software Holland Michigan College Bankruptcy lawyer Hire php developer Met auto massage school dallas texas Computer science classes online Business management software Php programmers LIFE INSURANCE CO LINCOLN Insurance Companies Car Insurance Quotes Colorado Best social media platforms for business Online Criminal Justice Degree domain name yahoo Html email Adobe illustrator classes Car Insurance Quotes PA FORENSICS ONLINE COURSE data recovery raid New social media platforms ONLINE MOTOR INSURANCE QUOTES Donating a Car in Maryland mortgage adviser low credit line credit cards Cheap car insurance for ladies Auto Mobile Insurance Quote selling annuity payments for cash Social media examiner LOW CREDIT LINE CREDIT CARDS Futuristic Architecture accident attorney orange county mesothelioma cases home phone internet bundle Custom WordPress theme designer Car insurance in South Dakota Motor Replacements Donating a car in Maryland Best Seo company Seo services Tech school