Hace algunos días Twitter presento su nueva API @Anywhere, y justo ayer @Robsainz me pidió que lo implementara en su Web.

Fruto de eso les tengo esta mini guía para implementar @Anywhere en su blog de WordPress, aun que fácilmente puede ser adaptado para demás sitios. Cabe señalar que esta es una manera “rudimentaria” de lograrlo con mucho espíritu “hágalo usted mismo”, modificando tu Template actual. La mejor forma de hacerlo sería con un plugin, pero debido a lo reciente de la API de momento no se encuentra ninguno estable y configurable disponible.

Primero se debe de registrar su aplicación (o en este caso web) en http://dev.twitter.com/apps/new para optener su API key. Despues de hacerlo no olviden seguir los pasos que están en : http://groups.google.com/group/twitter-development-talk/browse_thread/thread/5c96366e2362fe85#

1. Go to: http://twitter.com/oauth
2. Click on your application
3. On the “Application Details” page click the “Edit Application
   Settings” button
4. On the settings page for your application, scroll down to the item
   labeled “Default Access type”
5. Change the “Default Access type” to “Read & Write”

Después necesitan editar el archivo header.php del tema que estén usando, justo sobre el tag </head> deben de poner el siguiente código (reemplazando AQUIVATUAPIKEY por tu api key Y AQUIVATUTWITTERUSER por tu usuario de twitter):

<script src="http://platform.twitter.com/anywhere.js?id=AQUIVATUAPIKEY&v=1">
</script>
<script type="text/javascript">
    jQuery(document).ready (function () {
        twttr.anywhere(function (twitter) {
            twitter.hovercards();
            twitter("#twitt-box").tweetBox ( {
                counter: true,
                height: 100,
                width: 250,
                label: "Twittea desde aqui",
                defaultContent: "Estoy probando @Anywhere en mi blog"
            });
            twitter("#follow-me").followButton ("AQUIVATUTWITTERUSER");
        });
    })
</script>

Y después solo falta que crees un Widget que contenga lo siguiente:

<div id="follow-me"></div>
<div id="twitt-box"></div>