Disponible 3 tipos de botón

1. Contador Vertical: incluye el botón y un contador de los retweets alineados de manera Vertical.
2. Contador Horizontal: incluye el botón y un contador de los retweets alineados de manera Horizontal.
3. Sin Contador: incluye sólo el botón sin el contador de Tweets.

Parámetros

• data-url – URL del enlace a compartir (ej: http://blog.pdropablo.net/)
• data-via – Quién comparte (ej: pedropablo y saldría: via @pedropablo)
• data-text – Texto del tweet (ej: Noticia de tal… en http://pdropablo.net/ via @pedropablo)
• data-related – Por si queremos hacer referencia a otra cuenta de Twitter
• data-count – Diseño del botón (vertical (1), horizontal (3), none (3))
• data-lang – Idioma (English, French, German, Spanish, Japanese)

Integración

Recordad que podéis añadir los parámetros que he puesto anteriormente para que sea más personalizado.

Cualquier web

<a href="http://twitter.com/share" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Sin utilizar el resto de parámetros, automaticamente te coge el título de la página y la URL.

WordPress
Abrimos el archivo single.php del theme. Nos ubicamos en el lugar donde se pretende aparezca el botón, en el footer del post o abajo del título. Y agregamos el código:

<a href="http://twitter.com/share" data-count="horizontal" data-text="<?php the_title()?>" data-url="<?php urlencode(the_permalink()); ?>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Blogger
Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="http://twitter.com/share" data-count="horizontal" data-text=" + data:post.title + " data-url=" + data:post.url + ">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</b:if>

En los dos últimos códigos utilizo los parámetros data-text y data-url, así saldrá el título y el enlace del post en el tweet.

El código lo pueden modificar con los parámetros a su gusto.

El perfil no es mío, así que lo cojo de ejemplo pero respeto la intimidad, jeje

En Twitter, que fue el pionero en utilizarlo, lo veo muy útil porque si quieres hacerle follow a un usuario, no tienes que ir hasta su perfil para hacerlo por ejemplo. Pero es que en Facebook no me termina de hacer el tilín que me hizo en Twitter, será porque han “copiado” la idea, o porque yo por lo menos para agregar a un nuevo amigo/desconocido no lo haría a través de ahí, sino siempre iría a ver su perfil y las fotos por si lo conozco, no lo añadiría por los amigos que tenemos en común, ya que aunque sea amigo/a de un/a amigo/a mío/a (que rallada xD), no tengo porque conocerle.

Pero como dice el dicho… “Para gusto los colores, y para las t€t4s los sujetadores”

Los parámetros son:

• href – Es la dirección a compartir. (ej: http://blog.pdropablo.net/)
• layout – Estilo del botón. Valores: standard o button_count
• show_faces – Muestra el avatar de a quiénes le gusta. Valores: true o false.
• width – Ancho del iframe.
• action – Texto del botón. Valores like o recommend. (Me gusta o Recomendar)
• font – Tipo de fuente a utilizar.
• colorscheme – Esquema de colores. Valores: light o dark.

Resultados

Estos valores se pueden cambiar directament en el código o usar el formulario de Facebook, creo que es más cómodo, el resultado es el mismo.

Integración

Cualquier web

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>

Para que sea fija basta con cambiar el parámetro href y poner la url (dirección) que desea.

WordPress
Abrimos el archivo single.php del theme. Nos ubicamos en el lugar donde se pretende aparezca el botón, en el footer del post o abajo del título. Y agregamos el código:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>

Blogger
Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

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

El código lo pueden modificar con los parámetros a su gusto.
[joder, esto suena a pedir algo a la carta jajaja ]

]]> http://blog.pdropablo.net/2010/05/el-boton-me-gusta-de-facebook.html/feed 14 http://blog.pdropablo.net/2010/03/bettween-com-cotillear-conversaciones-en-twitter.html http://blog.pdropablo.net/2010/03/bettween-com-cotillear-conversaciones-en-twitter.html#comments Tue, 23 Mar 2010 15:34:08 +0000 pedropablo http://blog.pdropablo.net/?p=157

Bettween es una aplicación web que rastrea los tweets entre dos usuarios.

Es tan simple como entrar en la web y poner los nombres de usuarios que queremos leer, presionamos en el botón GO, y dependiendo de la cantidad de tweets que tengan, es lo que va a tardar en cargarse la conversación.

]]> http://blog.pdropablo.net/2010/03/bettween-com-cotillear-conversaciones-en-twitter.html/feed 1 http://blog.pdropablo.net/2010/03/twitter-hovercard-geolocalizacion-y-twt-tl.html http://blog.pdropablo.net/2010/03/twitter-hovercard-geolocalizacion-y-twt-tl.html#comments Wed, 17 Mar 2010 12:10:32 +0000 pedropablo http://blog.pdropablo.net/?p=152 ! Utilizaba Twitter en Español, pero para poder utilizar el Hovercard y la Geolocalización he tenido que cambiarme a Inglés, al parecer aún no han actualizado todo.

Hovercards

Hovercard a mi traducción, y a la de muchos sería: Tarjeta desplegable, se desplega al pasar el puntero del ratón por encima de cualquier usuario incluido en un tweet. En ella se muestra la información de cada usuario, si es una cuenta verificada, si lo seguimos, su localización, además de otros datos como bio, favoritos o número de tweets, seguidos, seguidores, listas, todos ellos en la visión ampliada del Hovercard. También podemos decidir si seguirlo (si no lo hacemos), enviarle una reply o incluso un DM (mensaje privado).

Geolocalización

Ahora está de moda decir en dónde te encuentras y Twitter no se iba a quedar atrás, se ha adelantado a Facebook que tenie previsto estrenarse en Abril. Actualmente este servicio solo funciona con Firefox, Google Chrome en Windows, no he tenido oportunidad de probarlo ya que solamente y de momento está disponible en Estados Unidos.

Mis geolocalizaciones las envío atraves de mi móvil que dispone de GPS, y de cualquier otro que disponga puede enviar tweets con localización.

La herramienta es de activación opcional por los usuarios, y permitirá ubicar en un mapa mediante datos de longitud y latitud el lugar desde dónde se ha lanzado el tweet.  Cuando los datos tengan ya 14 días de antiguedad, se eliminarán automáticamente.

twt.tl

Ya dispone de su propio servicio acortador de url’s, que por el momento solo será utilizado en DM en busca de una seguridad contra ataques de spam y phishing. Veremos que las url’s que nos llegan por DM y en las notificaciones de e-mail, tendrán la dirección en formato http://twt.tl/ y entonces sabremos que ese enlace es totalmente seguro para nuestro ordenador.

]]> http://blog.pdropablo.net/2010/03/twitter-hovercard-geolocalizacion-y-twt-tl.html/feed 5 http://blog.pdropablo.net/2010/01/contestar-a-comentarios-del-facebook-por-e-mail.html http://blog.pdropablo.net/2010/01/contestar-a-comentarios-del-facebook-por-e-mail.html#comments Sun, 24 Jan 2010 22:13:10 +0000 pedropablo http://blog.pdropablo.net/?p=128 Cuando un usuario recibe una notificación por correo electrónico sobre un comentario, puede responder al mismo correo para añadir su propio comentario sin necesidad de ir al Facebook a responder.

Aquí dejo una captura de ejemplo:

Para usar este método tenemos que activar las notificaciones de nuestra cuenta, para ello vamos a “Configuración → Configuracion de la cuenta → Notificaciones” y ahí marcar las opciones en las que estemos interesados.

]]> http://blog.pdropablo.net/2010/01/contestar-a-comentarios-del-facebook-por-e-mail.html/feed 6 http://blog.pdropablo.net/2009/12/sindrome-del-hombre-lija.html http://blog.pdropablo.net/2009/12/sindrome-del-hombre-lija.html#comments Tue, 01 Dec 2009 08:25:13 +0000 pedropablo http://blog.pdropablo.net/?p=91 Me gusta mucho el anuncio de esta campaña de Gillette:

Síndrome del Hombre Lija

Entonces, esta mañana me he acordado y he ido a hacerme fan en el Facebook, y por lo que he visto que se han hecho “manifestaciones” o de gente que prosteta, jaja

También hay unas fotos de una manifestación de chicas. No sé si forma parte del anuncio o no.. pero me hace gracia los carteles, jajaja

Aquí dejo la página: http://www.facebook.com/pages/Ayuda-al-Hombre-Lija/

He de reconocer que yo me considero “Hombre lija”, pues me afeito a la semana o eso, jajaja

]]> http://blog.pdropablo.net/2009/12/sindrome-del-hombre-lija.html/feed 3