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]
Anuncio publicitario

Autor: Gabriel Catalano - human being | (#IN).perfección®

Lo importante es el camino que recorremos, las metas son apenas el resultado de ese recorrido. Llegar generalmente significa volver a empezar!

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

  1. 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!!

    Me gusta

  2. 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?

    Me gusta

Comentarios cerrados.

GENTE COSMO

LIFESTYLE - by Esther Herrero

Being Your Brand

Branding and Strategy for Business and Life

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

imagination is the key

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

Blog de Tecnología en Español - Internet - Redes Sociales - Entrepreneurship - Innovación

Top Master | Blog

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

La realidad alterna

Poesías, relatos, diario de sueños

Unencumbered by Facts

Taking unsubstantiation to new levels

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

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

BLOGTEC

Noticias de Tecnologia.

T a l e n t o  en  E x p a n s i ó n

Gestión de personas y transformación digital para las organizaciones líderes de la Era del Conocimiento

Two Leaves Tea SPAIN

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

Ideas para la clase

Experiencias creativas en la clase de español.

Little Grey Box

#TravelWell

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 Growth Hacking

Expertos en estrategia y auditoria de marketing

The Coaching Alliance

El camino hacia el éxito

Erick Lovera

Mi Pasión en un Blog

Estampas de México.

“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

Escritora y formadora en comunicación

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

be.blog

be. Intelligent Multimedia Education

~~Mente en Gravedad~~

************************************************************************************************************

The Xtyle

Fashion Blog - Un Blog de Moda y Tendencias by Bárbara Sanz Esteban

aníbal goicochea

Tecnologías de la Información y Estrategia

A Waterfall of Sound

"Poetry is when an emotion has found its thought and the thought has found words." Robert Frost

Health & Family

A healthy balance of the mind, body and spirit

Style & Design

Fashion Trends and News

U.S.

News, Headlines, Stories, Video from Around the Nation

A %d blogueros les gusta esto: