Multiple Like Button (Me gusta) de Facebook

Acá explico, con ejemplo incluído, como poner varios botones "Me gusta" de Facebook en una misma página (página que lista articulos por ejemplo) y no morir en el intento (crossbrowser)


Si deseas saltar al ejemplo directamente acá está el link > Multiple Like Button (Me gusta) de Facebook  (ejemplo)
Si deseas entenderlo sólo sigue leyendo...

Si todavia no sabes como incluir un único botón Me gusta de Facebook entonces deberías ver este post

Ahora si, ya sabiendo lo básico para incluir el botón en nuestro sitio hay que tener en cuenta lo siguiente al querer poner varios.
Primero deberás ver de qué manera incluir dinámicamente el valor de parámetro "href" por cada <fb:like>, ya que ese parametro indica "qué direccion URL es la que tanto nos gusta que queremos publicarla en nuestro muro de Facebook", pero eso es capitulo aparte. Acá dejo un ejemplo en PHP:

<fb:like href="<?php echo miArray[n]; ?>" send="false" width="350" show_faces="false" layout="button_count" font=""></fb:like>

Y lo segundo pero mas importante de todo (y que suele ser la razón principal por la que esto no funcionaria en ciertos navegadores) es que al div contenedor de cada boton (sería el div previo a cada etiqueta <fb:like>) le debemos poner un ID diferente:

<div id="fb-root"></div>
<fb:like href="..." ></fb:like>

<div id="fb-root2"></div>
<fb:like href="..." ></fb:like>

<div id="fb-root3"></div>
<fb:like href="..." ></fb:like>

Y con eso tendrían que quedar funcionando todo los botones "Me gusta" de Facebook.

Ver ejemplo de Múltiple Like Button (Me gusta) de Facebook