[Tuto] Botones de redes sociales sin javascript. formato simple.

Este tutorial lo hago por que he intentado ayudar al usuario de este post:
¿Compartir página específica con facebook?

Aún que es algo que me ha traído faena, considero que algo así debería estar de forma pública, ya que si todo el mundo se guardara las cosas para el, internet no sería lo que hoy es.

Vamos, los botones son simples html, no ralentizan prácticamente la carga de la web, mas que la carga de los img que utilicéis.

Botón Twiter:

Código PHP:
<a rel="nofollow" href="https://twitter.com/intent/tweet?text={$thread['subject']} leer más en&url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"><img src="{$mybb->settings['bburl']}/images/twittear.png" alt="Twittea esto!" title="Twittea esto!" /></a> 

El icono del botón deberá ir a la raíz de la carpeta "images/" con el nombre de "twittear.png"

Botón Facebook:

Código PHP:
<a rel="nofollow" href="http://www.facebook.com/sharer.php?u={$mybb->settings['bburl']}/showthread.php?tid={$tid}&t={$thread['subject']}" target="_blank"><img src="{$mybb->settings['bburl']}/images/facebook.png" alt="Comparte en FaceBook!" title="Comparte en FaceBook!!" /></a> 

El icono del botón deberá ir a la raíz de la carpeta "images/" con el nombre de "googleplus.png"

Botón Google+:

Código PHP:
<a rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=es&url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"><img src="{$mybb->settings['bburl']}/images/googleplus.png" alt="Comparte en Google+!" title="Comparte en Google+!" /></a> 

Yo los tengo colocados en la plantilla showthread, así solo se ven cuando entras en un post y no aparecen siempre.

Espero que sirva a mas de uno.

DEMO: En este subforo podrás presentarte! y sino, en este mismo hilo!

Saludos. PureMod

El contenido de este tutorial está bajo licencia Creative Commons Reconocimiento 3.0 Unported License, podrá reproducir libremente el contenido de este post mencionando el AUTOR, la FUENTE y URL original.

Última modificación: 14 Apr, 2014, 3:03 pm por WRYH.

Seria bueno que dejaras ua imagen de como es que queda Smile

:)

He probado el del facebbok pero no me va no sé por qué. De imagen he utilizado la que ya tenía y donde estaba puesta antes, así como el mismo nombre. He corregido las rutas y el nombre pero seguía sin ir; no creo que el fallo sea por eso no?

(14 Apr, 2014, 7:10 am)Ancoreig escribió: He probado el del facebbok pero no me va no sé por qué. De imagen he utilizado la que ya tenía y donde estaba puesta antes, así como el mismo nombre. He corregido las rutas y el nombre pero seguía sin ir; no creo que el fallo sea por eso no?

Sube el código que usas a ver que lo vea. Wink

- - - Actualizado - - -

(14 Apr, 2014, 6:55 am)Dani A. escribió: Seria bueno que dejaras ua imagen de como es que queda

He puesto un enlace a un Demo para que incluso se pueda probar.

Saludos. PureMod.

P.D: Desvirtuando el tema... Que plugin es el que usas para cambiar el enlace al nombre del enlace?

Última modificación: 14 Apr, 2014, 3:04 pm por WRYH.

Muchas gracias, implementado en mi foro y vá de maravilla +Rep