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.

Captura de pantalla

Esto pasa por desactivar el anti-spam, pensaba que no iba a pasarme, pero vamos que sí, que se meten por todo los cabroncetes, así que he vuelto a activar el plugin SI CAPTCHA Anti-Spam.

Me encanta Design Disease, sus diseños me atraen muchísimo, sino basta ver este último diseño, es el que yo utilizo actualmente pero como siempre dándole todo sus créditos y haciendo mis pequeñas modificaciones a mi gusto, todo gracias a que da licencia para moder hacerlo.

En realidad el theme no viene así, pues como dije me gusta modificarlo a mí gusto, aquí el original.

Cambios..

• Menu, en la cabecera de la web, grande que se vea bien, con las mismas secciones.
• Sidebar, una pequeña introducción de que va el blog, redes sociales dónde encontrarme, últimos comentarios, tags, y las páginas web que suelo mirar.
• Footer, pues esto es lo más que me gusta, ahí he puesto los últimos tweets, los enlaces que guardo en mi del.icio.us, y las últimas imágenes que pongo en mi flickr, pero me gusta todo el diseño en general!!! jeje
• Post, cuando se lee un post en los comentarios he puesto de orden de primero a último, ordenado con número y la opción de responder a un comentario, esta última función no hace que al contestar se ponga debajo del comentario que respondes, solo marca el nombre del usuario, así no has de escribirlo.

Y poca cosa más.. espero que sea de vuestro agrado

Hola, me llamo Pedro Pablo, sobre este blog…
Dígamos que hablaré de todo lo que se me pase por la cabeza, de poner escritos tontos, chistes, vídeos, canciones, noticias a relatos personales y cosas de mi vida cotidiana. Siendo sincero no espero tener ningún público, pero si continúas entrando es porque te interesa algo de lo que escribiré

Esa es la introducción que he puesto en la lado derecho de la web, y sobre eso irá relacionado este blog.

En mis versiones anteriores de mis blogs, siempre he sido yo quién los ha programado interiormente, y de diseño míos con ides de otros, jaja, hay qu ser realista, pero siempre estaba cambiando cosas y había cosillas que quería mejorar y no paraba, pero me cansé de ello, por eso he dedicido utilizar WordPress, sencillo, con plugins que dispone que siempre se adaptan a ti.

Te apetece tener un blog?????? Pues tienes la web de wordpress o si quieres ponerlo en tu propio servidor te lo descargas y lo instalas.

Los plugins que utilizo son:

• Audio Player – es un reproductor flash de audio.
• del.icio.us – es un widget que muestra los links guardados en del.icio.us (en la derecha se puede visualizar funcionando).
• flickrRSS – obtener las últimas imágenes posteadas en tu cuenta de Flickr.
• Google XML Sitemaps – informador a los robots rastreadores de webs, informa de las páginas que tenemos, en este caso escritos.
• Lightbox 2 – utilzo este plugin para la sección de Imágenes, abre un la imagen sin tener que abrir otra pestaña/página.
• MobilePress – por si te visitan vía móvil, jeje.
• SI Captcha Anti-Spam – es un anti-spam, que en el formulario de comentar se añade una imagen aleatoria con letras y números, los cuáles hay que escribir en un campo para poder enviar el comentario.
• Tweet – si tienes cuenta en twitter este plugin te ayuda a no tener que enlazar algun perfil o busqueda en twitter, basta con poner @<nombre> y te autoenlaza al perfil de ese twittero, y lo mismo para la busqueda #<búsqueda> (ejemplo: @pedropablo es mi perfil, y #Mallorca la isla dónde resido, jeje)
• Tweet Blender – muestra tus últimas anotaciones de tu perfilen twitter (se puede ver en el lado derecho funcionando).
• Twitter Poster – automáticamente tras escribir un post, postea en twitter un enlace hacia tu blog.

Estoy utilizando el tema Compositio creado por Design Disease (me encanta el diseño de su web!!), con algunas pequeñas modificaciones hechas por mí.

Ya están disponibles todas las secciones activas, la última ha sido la galería de imágenes, la cual coge las imágenes que tengo compartidas en Flickr y las pongo en la web utilizando el plugin Lightbox 2, para no tener que ir hasta Flickr para ver la imagen, eso sí, quién quiera comentar trendrá que ir hasta mi cuenta de Flickr y buscar la foto para comentarla.

Creo que ya puedo dar por OK el blog, apartir de ahora a escribir… jeje.

Saludos