Añadir el botón de “Me gusta” de Facebook en Blogger


Escrito por Álvaro Paricio el 28 de Abril de 2010

Blogger Facebook

Ya os hablé hace bastante tiempo sobre cómo integrar nuestro blog de Blogger con Twitter, una de las redes sociales más de moda en estos momentos. Pero si hay una red social que realmente está triunfando en todo el mundo es Facebook, así que ¿sería una buena idea integrar nuestro blog con ella no?

Si usáis Facebook, y apuesto a que prácticamente todos vosotros lo haréis en mayor o menor medida, sabréis que cuando nos gusta algún enlace, foto o grupo hay una opción llamada “Me gusta” para dejar claro que compartimos esa opinión, nos hace gracia o que literalmente nos gusta eso.

Así que lo que lo que vamos a hacer en este artículo es añadir el botón de “Me gusta” debajo de cada artículo de nuestro blog, para que nuestros lectores más vagos que no suelen dejar comentarios al menos muestren su conformidad con el post y para que los que comentan también puedan dejar más claro aun que les ha gustado.

Agregar el botón a nuestro blog es muy sencillo. Como ya viene siendo habitual, tendremos que hacer cambios en la plantilla, así que lo primero será guardarnos la plantilla original por si hacemos algo indebido.

Empezaremos dirigiéndonos a “Diseño” – “Edición de HTML” y marcaremos la casilla de “Expandir plantillas de artilugios”. Normalmente este tipo de botones se suelen colocar justo debajo del artículo, así que tendremos que buscar la siguiente línea:

<div class=’post-footer-line post-footer-line-1′>

Justo debajo de esa línea pegaremos este otro código (atención con el inicio, cierre y el espacio):

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url +
"&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;
colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none;
overflow:hidden; width:100px; height:px"></iframe></b:if>

Así de fácil es añadir el botón a nuestro blog. Realmente se puede añadir en cualquier parte del blog, depende donde peguemos el código de arriba, pero lo normal es pegarlo debajo de cada post.

Si observáis el código veréis valores de anchura (width), color (colorscheme) etc… Podéis modificar todos esos valores teniendo en cuenta lo siguiente:

href – Con la URL a compartir.

layout – Estilo del botón. Los valores que se le puede dar son: standard o button_count.

show_faces – Se muestra la foto de avatar de la persona a la que le gusta el artículo. Valores: true o false.

width – Anchura del iframe.

action – Texto que se muestra en el botón. Valores like o recommend.

font – Fuente que se utilizará.

colorscheme – Esquema de colores. Valores: light, dark o evil.

Os animo a que hagáis pruebas con los valores para que el botón quede realmente a vuestro gusto, eso sí, con la plantilla original bien guardada como ya os he dicho y os digo siempre.

http://www.bloguismo.com/tutoriales-para-blogger/anadir-el-boton-de-me-gusta-de-facebook-en-blogger/

Reblog this post [with Zemanta]
About these ads

Etiquetado:, , , , , , , , ,

4 pensamientos en “Añadir el botón de “Me gusta” de Facebook en Blogger

  1. Zherg 16 agosto 2011 en 19:27

    Muchas gracias por la explicación. Aprovecho para preguntar si suele notarse de forma clara algun aumento de visitas por el hecho de tener el botón. Un saludo!!

  2. me® 6 noviembre 2010 en 10:56

    Excelente, no sólo está fácil, sino que además lo voy a pasar al blog con el crédito correspondientes.

    Saludos y gracias!
    G.

  3. Nicolas 28 mayo 2010 en 15:44

    Hola Amigazo desde ya gracias por la ayuda, pero tengo un problema. Hago exactamente lo que decis, no me tira ningun error, pero cuando voy al blog, el boton de me gusta no aparece :S por que puede ser?

  4. [...] This post was mentioned on Twitter by Gabriel Catalano. Gabriel Catalano said: Añadir el botón de “Me gusta” de Facebook en Blogger: http://wp.me/pxR2I-Nq [...]

Los comentarios están cerrados.

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

MarketingActivo

el mundo del marketing se activa para ti

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

contact: ralucastoica23@gmail.com

Vinod833's Blog

This WordPress.com site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso

TechCrunch

Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

Silvia Altamirano

An editorial designer that writes

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox

Travel & Lifestyle Blog

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“Un fotógrafo tiene que ser auténtico y en su obra, debe expresar emociones, provocar reacciones y despertar pasiones.” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

URieLaRtE

hay que ser libre para ser uno mismo

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 5.665 seguidores

A %d blogueros les gusta esto: