Con este tutorial aprenderemos a poner el botón de "Me gusta" de Facebook en cada tema de nuestro foro.
Aprenderemos a colocarlo por debajo de cada tema, pero puedes ponerlo en otra parte.
No es necesario que tengas una cuenta en Facebook. Esto ayuda a difundir tu foro (que se conozca más).

1.Agregando el botón:
Vamos al panel de administración → Visualización → Templates / General y entramos al template llamado viewtopic_body.
Ahora abrimos el buscador de nuestro navegador, por lo general apretando CTRL + F o en Edición → Buscar (dependiendo del navegador y/o sistema operativo).
En el cuadro de búsqueda copiamos y pegamos lo siguiente a buscar:

Código:

<div class="paged-foot clearfix">

Marcará dicha línea, y por debajo de ella veremos tres líneas más:

Código:

<p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p class="posting">

Y entre las líneas de END topicpagination y p class="posting", pegamos el código del botón "Me gusta":

Código:

<p id="fb-like"><iframe src="http://www.facebook.com/plugins/like.php?href=TUFOROAQUI{TOPIC_URL}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></p>

Nos fijamos atentamente en el código y reemplazamos TUFOROAQUI por la dirección completa de tu foro, incluyendo protocolo y barras (ejemplo: http://asistencia.foroactivo.com/ ).
El código editado y en el template se vería algo así:

Código:

<p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p id="fb-like"><iframe src="http://www.facebook.com/plugins/like.php?href=http://asistencia.foroactivo.com/{TOPIC_URL}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></p>
    <p class="posting">

Una ves editado el template, le damos al botón de 'Registrar' para guardarlo. Ahora toca publicar el template, luego de dar a 'Registrar' veremos el listado de los templates nuevamente, y en la derecha de viewtopic_body veremos "En espera" y el símbolo de más de color verde, damos en él para que el template sea publicado.

2.Agregando el CSS:
Vamos al panel de administración → Visualización → Imágenes y colores / Colores → CSS Stylesheet y allí agregamos el siguiente código:

Código:

#fb-like, #fb-like iframe {
    border: 0px solid;
    height: 25px;
    width: 450px;
    }

Y lo guardamos dando en el botón 'Aceptar'.

Con esto ya completamos la integración del botón "Me gusta" en cada uno de los temas de tu foro.
A partir de ahora, cualquier usuario puede compartir el tema que le guste con sus amigos en Facebook.

Tutorial hecho por: Foroactivo