Botones flotantes para recomendar el blog (Facebook, Twitter, PlusOne)

Una de las primeras cosas que me preguntaron cuando cambié de plantilla fue cómoponer el botón que aparece al final y que al presionarlo aparecen los botones para compartir el blog.
Ya saben que no me guardo nada y todo se los comparto, así que en esta entrada vamos a ver cómo poner esos botones para promocionar el blog.

Se trata de unbotón flotante que al presionarlo aparecerá un contenedor con un efecto de desvanecimiento y en él, los botones de Facebook, Twitter y +1.

Con ellos podremos compartir la portada del blog, pues no sólo hay que promocionar las entradas sino también el blog en general.

El efecto de desvanecimiento lo lograremos conScriptaculous y Prototype, así que quien use jQuerytendrá que hacer unos cambios para que ambas librerías puedan funcionar al mismo tiempo.

La instalación de estos botones es bastante sencilla, primero entra en laEdición HTML de la plantilla y antes de/b:skin agrega estos estilos:

#botones-like {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 4px #696969;
-moz-box-shadow: 0px 0px 4px #696969;
box-shadow: 0px 0px 4px #696969;
background-color: #eee;/* Color de fondo del botón */
padding: 5px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size: 10pt;/* Tamaño del texto */
color: #999999;/* Color del texto */
text-align: center;
position:fixed;
bottom:5px;
right:30px;
}
#expandirBotones{
background:#eee;/* Color de fondo del contenedor */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 6px #696969;
-moz-box-shadow: 0px 0px 6px #696969;
box-shadow: 0px 0px 6px #696969;
position:fixed;
bottom:40px;
right:30px;
}

Ahora antes de/head pega este código; si ya lo tuvieras no hace falta ponerlo otra vez:

script src='http://www.google.com/jsapi'/script
script
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
/script

Luego pega antes de/body lo siguiente:

a href='javascript:Void(0)' onclick='Effect.toggle('expandirBotones','appear'); return false' style='text-decoration:none;'div id='botones-like'¡Recomienda este blog!/div/a
table border='0' id='expandirBotones' style='display:none'
tr
td<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://nombre-de-mi-blog.blogspot.com&layout=box_count&show_faces=false&width=72&height=63&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:72px; height:63px'></iframe>/td
tdg:plusone href='http://nombre-de-mi-blog.blogspot.com' size='tall'/script type='text/javascript'
window.___gcfg = {lang: 'es'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
/script/td
tda class='twitter-share-button' data-count='vertical' data-lang='es' data-text='Me ha gustado este blog, seguro a ti también te gustará:' data-url='http://nombre-de-mi-blog.blogspot.com' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'//td
/tr
/table

Cambia la dirección de tu blog donde se indica, así como el mensaje que aparecerá en Twitter y listo.

En color verde puedes cambiar algunos aspectos del diseño, básicamente será el color de fondo y de texto.

El botón para compartir el blog aparecerá en todas las entradas, si deseas que aparezca sólo en la portada tendrás que encerrar el último código con lacondicional que le corresponde.

Recuerda que no compartirá las entradas del blog, sino el blog en general. Si buscas botones para compartir las entradas puedes ver algunas opciones en la sección deFacebook.

Si ya estuvieras usando el botón +1 de Google entonces no hará falta repetir el código del script, así que busca esta línea todas las veces que la tengas y elimínala:

script src='http://apis.google.com/js/plusone.js' type='text/javascript'/

Sólo dejaremos el script que hemos puesto en este código, excepto si has decido poner los botones sólo en la portada, si así fuera entonces no hará falta quitar esa línea salvo algunas excepciones.

ACTUALIZACIÓN: En Internet Explorer el botón de Facebook no se ve bien cuando se agrega de esta forma.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,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

Home phone internet bundle Car insurance quotes Utah boca raton personal injury attorney structured settlement company Online Colleges Html email Hire php programmers domain yahoo car donate Criminal defense lawyer Donate your car for money Met Auto structured settlement brokers car accident lawyers los angeles Christmas cards motorcycle accident attorney sacramento Online casino best structured settlement companies Php programmers Mobile casino Data Recovery Raid car accident lawyer san bernardino NEUSON sell annuity payment Live casino Tech school Criminal lawyer Miami auto insurance cost by state Photo Christmas cards Php programmers for hire california motorcycle accident lawyer Insurance Companies st louis mesothelioma attorney personal injury lawyer Hire php developers Casino Neuson Dayton Freight Lines best accident attorneys mesothelioma law firm Make money online Australia Casino reviews Massage School Dallas Texas CAR INSURANCE QUOTES COLORADO Donate Cars Illinois Cheap Car Insurance for Ladies DUI lawyer DONATE CARS ILLINOIS Car Insurance in South Dakota asbestos lawyers Online Classes New social media platforms mesothelioma claim data recovery raid sell structured settlement calculator business email web hosting Criminal lawyer Dwi lawyer Personal Injury Lawyers Social media platforms for business Automobile Accident Attorney Custom WordPress theme designer Service business software Custom Christmas cards Social media examiner CAR INSURANCE QUOTES PA email bulk service miami personal injury lawyer Car Insurance Companies Structures Annuity Settlement personal injury accident lawyer los angeles auto accident attorneys DONATE OLD CARS TO CHARITY Mesothelioma Law Firm mesotheliama Car Insurance Quotes Utah Futuristic Architecture Bankruptcy lawyer what is structured settlement Hire php developer mesothelioma information Claim attorney lawyer mesothelioma Cheap car insurance in Virginia Social media platforms Computer science classes online Auto Accident Attorney Register Free Domains mesothelioma ct houston mesothelioma attorney How to Donate A Car in California PAPERPORT PROMOTIONAL CODE Donate Car for Tax Credit DONATE YOUR CAR FOR KIDS personal injury solicitor Seo companies Best social media platforms for business Cheap Domain Registration Hosting CAR DONATE WordPress theme designers Social media strategies Business finance group Online Stock Trading criminal defense federal lawyer washington mesothelioma attorney mesothelioma lawyer asbestos cancer lawsuit uk homeowner loans DONATE CAR FOR TAX CREDIT criminal defense attorneys florida Dallas Mesothelioma Attorneys Seo services Best Seo company Business management software Best social media platforms Seo company

Cosas Para Blogueros

Botones flotantes para recomendar el blog (Facebook, Twitter, PlusOne) – Domains

Categories