Pues TwitThis es una página que te permite poner un botón o un enlace debajo de tus posts para que tus lectores puedan enviarlos a Twitter. Pero está bastante engorroso. Cuando haces clic en el enlace te manda a una página de TwitThis, donde tienes que escoger una frase (todas están en inglés) que acompañe a tu Twit y luego te manda a Twitter, donde finalmente lo publicas.
La verdad no me gustó y había visto en algunos blogs de WordPress un sistema más sencillo, el cual te manda directamente a Twitter, sin ningún intermediario incómodo. ¡Y sí pude ponerlo aquí en mi blog!.
El código es este:
<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url' title='Coméntalo en Twitter'>Manda este post a Twitter</a>
Y ahora vamos a analizarlo parte por parte:
- <a expr:href=’”http://twitter.com/home Esto nos manda a nuestra página de inicio de Twitter, o al Login si no estás Logeado.
- ?status=Leyendo “ Esto nos manda directo a al cuadro de texto donde escribimos nuestras actualizaciones. Lo que pongas entre el igual (=) y la comilla (“) es lo que aparecerá en el cuadro. En este caso aparecerá ‘Leyendo’ pero lo pueden cambiar por lo que quieran.
- + Ahora a ‘Leyendo’ le vamos a agregar más cosas, para eso usamos el signo de más (+).
- data:post.title Con esto, aparecerá el título de nuestro post.
- ” “ Agregamos un espacio.
- data:post.url Con esto, aparecerá la URL de nuestro post.
Esos son los elementos principales, los cuales podemos modificar o cambiar en su orden. También pueden modificar el atributo title o usar una imagen en lugar de texto. Para esto el código quedaría así:
<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url' title='Coméntalo en Twitter'><img src="URL-de-la-imagen"/></a>
¿Pero donde pongo esto? Pues lo mejor es ponerlo en post-footer, es decir:
- Vas a Edición HTML
- Guardas una copia de la plantilla (por si las dudas)
- Expandes los artilugios
- Buscas <div class=”post-footer-line post-footer-line-4″> , o puede ser 2 o 3
- Y pones tu código ahí
Al hacer clic en el enlace, el Twit quedaría así:
Listo para que solo hagan clic en ‘Update’. La verdad no sé si alguien ya haya hecho esto en Blogger (no veo porque no, es muy sencillo), pero yo lo deduje por mi cuenta. Así que si este tutorial ya existe en otra parte pues les aseguro que no lo copié.
Hey, ya quedo listo tu banner en mi sitio, :) agrega mi link con anchor text “Mercadotecnia y Publicidad”, gracias, nos vemos luego
@Golfizta. Ok, ya también está tu enlace.
Gracias a ti, nos vemos.
Muchas gracias por la información, andaba buscando alguna información sobre esto.
@Diego. De nada, que bueno que encontraste lo que buscabas.
Nada. no me funciono
Inclusive lo que hacia era borrarme los post de prueba
Ya detecté el problema, puse el código en cursiva y al copiarlo y pegarlo había un problema con las comillas. Pero ya está todo listo, ahora ya está comprobado que funciona.
No logro reslver el porqué me resaltar problemas con la orden “expr:href”.
Tenés idea?
Ya detecté el problema, puse el código en cursiva y al copiarlo y pegarlo había un problema con las comillas. Pero ya está todo listo, ahora ya está comprobado que funciona.
(Ya sé, lo mismo, pero pues eso es)
Excelente y util tutorial. Lo felicito. Muchas gracias.
Gracias a tí, y a los que han linkeado este tutorial para que más personas lo conozcan.
Disculpa pero ¿Cómo hago para agregar mi usuario de Twitter(@antonyjsp)?
Ah, pues el código quedaría así:
<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url + " vía @usuariotwitter"' title='Coméntalo en Twitter'>Manda este post a Twitter</a>Sustituyendo, claro, ‘usuariotwitter’ por tu usuario.
Gracias!!!
Pues no me ha funcionado!
Pues debe ser porque tu sitio no es un .blogspot de Blogger. Este tutorial es para blogs de Blogger.
ayuda no me funciona este es mi codigo
Intenta con el primer código :)
Hola, quería saber como hago para poner una imagen en vez de texto.
Gracias, excelente blog!
Muy bueno, gracias por la ayuda, esto esta buscando, lo probare para ver como queda
Hola, antes que naga agradecer el tip, funcionó muy bien, ahora mi duda sería la siguiente, cuando mando el post que me agradó al Twitter el nombre es muy largo y me paso de los 140 caracteres, ¿habrá alguna forma de reducir el nombre del blog mediante los ya conocidos twurl, bit.ly, étc? Gracias.
Pues debe de poderse, pero la verdad no se como, estuve googleando pero solo encontré tutoriales para blogs en WordPress.
Ese mismo resultado tuve cuando estuve buscando, pues ni hablar a seguir en la busqueda. Saludos.
¡¡Muchas gracias por el truquito!! ¡¡De lo más útil!!
mm yo me quedo en la parte de buscar ” ” y colocar el code. Pero en mi plantilla no tiene ese code y nose donde montar lo de tuiter.
Saludos
Pues es que en realidad puedes poner ese código en cualquier parte de tu blog. Ese lugar es solo una sugerencia :)
Facil y practico, gracias estoy mejorando mi blog con estas ayudas, te empiezo a seguir por RSS po mas novedades
no me funciona
Perdón, pero hace ya bastante tiempo que no uso blogger, así que en realidad no te puedo ayudar mucho.
Lo coloque pero no sale por ningun lado, alguien sabe como se hace para blogger en plantillas que no son de blogger?
Gracias por su apoyo,
se pueden meter a este codigo es una paguina y delen me gusta
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/es_LA/all.js#xfbml=1″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
hey amigo en la parte donde buscamos no lo he encontrado que hago?