11 enero 2009

TwitThis

TwitThis es un script interesante que nos permite incorporar a nuestras entradas la posibilidad de que nuestras visitas envíen a sus twitters el enlace de las mismas. Si nuestra visita pulsa el botón de TwitThis el enlace corto del titulo de nuestra entrada aparecerá en su twitter.

Podemos insertarlo en las entradas editando nuestra plantilla, expandiendo artilugios y después de <div class='post-footer-line post-footer-line-3'/>, pegamos el script que nos proporcionan

<!-- 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;" /></a>');
//-->
</script>
<!-- /End -->


WoorK nos muestra otra forma de hacerlo sin usar el script, en lugar del script pegaríamos

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&amp;title=" + data:post.title'>Twit This!</a>

Para acabar añadimos la clase en el CSS de nuestra plantilla para posicionarlo e insertar una imagen

.share-twitthis{
background:url(URL ALOJAMIENTO IMAGEN QUE VAMOS A USAR) 10px top no-repeat;
padding-left:42px;
font-size:11px;
line-height:18px;
}


Realmente interesante este TwitThis.

14 comentaron:

Muy interesante... Voy a implementarlo a ver que tal...

Saludos!

Antony

Pues he probado ahora mismo con tu enlace y no lo veo en mi twitter :(

Gem@

Ejem... ¿no tendrás un pajarito rojo pequeño? muy pequeño :)

Gem@

Antony ☺☺☺

Pizcos

Gem@ dame mas pistas, como el mio..o mas twitter??? ☺☺☺

Pizcos

Más twitter pero pequeño de 16 x 16 más o menos.

Gem@

Al final puse una de Twitter para que se sepa lo que es ;)
Siento si te hice trabajar :(

Gem@

Madrina ya te pasare la factura ☺☺☺

Pizcos

¡Me quieres cobrar un pajarillo de ná!! no quiero imaginar si fuera una plantilla ☺☺☺

Gem@

Lo he colocado, se ve el enlace de TwitThis! pero... no la imagen. Y el caso es que antes sí se veía, solo que horriblemente subrayada por el HTML, así que bueno, eso es lo de menos porque si para que se vea tiene que quedar mal no merece la pena. El problema es la ubicación, ¿cómo se pone junto al resto de elementos del final de la entrada?

Un saludo. Y gracias por todas las molestias que se toma.

S. Dedalus

S.Dedalus normalmente esos elemntos los tendras en footer-line1 o line2 ahi es donde debes ponerlo, para ello debes expandir artilugios en tu plantilla

Pizcos

quise decir post-footer-line1 ☺☺☺

Pizcos

Disculpa, pero esta parte "Para acabar añadimos la clase en el CSS de nuestra plantilla para posicionarlo e insertar una imagen" con su código, no se donde va ni para qué es. Me funcionó con el código html, con el script no y no tuve necesidad de poner el segundo código. ¿Me orientas al respecto? gracias y felicitaciones por el blog.

La vida Linux

La vida Linux el css es por si quieres usar una imagen de background...

Pizcos

Publicar un comentario en la entrada

"No dudes en preguntar, intentaré ayudarte. Tus comentarios son importantes y si te gustó esta entrada, no olvides suscribirte a mi feed."

Ultimos Twitts

Ultimas entradas

leelos, se lo merecen...