TwitThis es un sistema que posibilita que nuestras visitas envíen mensajes a Twitter recomendando alguna de las entradas de nuestro blog.
Cuando alguno de nuestros visitantes que use Twitter, haga clic en el enlace de TwitThis, este tomará la dirección de la entrada y creará una url corta usando TinyURL.
Tendrá entonces que introducir sus datos de Twitter (nick y contraseña) en la web de Twit This y el mensaje recomendando la entrada de nuestro blog llegará a todos sus seguidores.
En El Escaparate de Rosa nos explican como podemos añadir el enlace TwitThis a nuestras entradas:
Primero En nuestro panel de Blogger vamos a "Edición HTML" y expandimos las plantillas de artilugios.
Colocamos este código en la parte que queramos mostrar el enlace TwitThis:
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'><span class="share-tweet">Twit This!</span></a>
Si vamos a ponerlo en el pie de las entradas, por ejemplo, a continuación de esta línea estaría bien:
<div class='post-footer-line post-footer-line-3'/>
Segundo Incluiremos en el CSS (antes de ]]></b:skin>) estás líneas de código para que el enlace se vea con una imagen delante y así no pase desapercibido:
.share-tweet{
background:url(url_de_la_imagen) 10px top no-repeat;
padding-left:42px;
font-size:12px;
line-height:18px;
}
Rosa también nos deja un par de imágenes para que pongamos delante y le demos color a la cosa:
Recuerda no hacer Hotlinking
En su página web; Twit This ofrece un código para colocar en tu web o blog, que ofrece tanto con imagen como sin ella, pero el que aparece aquí lo hemos modificado un poco ya que no mostraba la imagen:
<!-- Begin TwitThis (http://twitthis.com/) --> <script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script> <script type="text/javascript"> <!-- document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none; text-align:center" /></a>'); //--> </script><a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border: medium none ; text-align: center;"></a> <!-- /End --> ; 