Colocar un botón para Tweetmeme
Me solicita Kenneth a través de un correo que explique como incluir un botón para Tweetmeme en el blog.
Tweetmeme es una especie de agregador de noticias de Twitter.
Este servicio rastrea y optiene la información de los tweets que comparten los usuarios de Twitter entre si (RT), en su web podemos ver una portada principal donde aparecen los tweets más destacados.
En Blogger podemos añadir un botón que permita a nuestros usuarios enviar la información a Tweetmeme de las entradas de nuestro blog, cuantos más usuarios envien la entrada, más posibilidad tendrá esta de posicionarse en Tweetmeme.
Vamos a ver como colocar el botón al lado derecho del título de nuestras entradas.
[1] Desde "Edición HTML" en nuestro panel y marcando la opción de "Expandir las plantillas de artilugios" localizamos el código que está en negrita y añadimos el que he resaltado en color rojo:
<b:if cond='data:post.title'>
<div id="tweetmeme" style="float: right;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<h3 class='post-title entry-title'>
[2] Usamos vista previa y tendremos que ver nuestro botón a la derecha del título de la entrada:

[3] Guardamos cambios.
Si en lugar de ese botón, queremos usar el otro modelo disponible de botón (más pequeño), el código (que colocaríamos en el mismo lugar) sería este:
<div id="tweetmeme" style="float: right;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Podemos colocarlo también al final de las entradas, justo antes del comienzo de los comentarios, de esta manera solo será visible cuando entramos a una entrada concreta.
Para hacer esto tendríamos que incluir el código así:
<b:includable id='comments' var='post'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
<div class='comments' id='comments'>




Sigueme en Twitter
Foro SpamLoco
Jauría de perros






















39 comentarios:
GRACIAS ROSA...me has dejado boquiabierto por la rapidez...no sabia lo tweetmeme, lo habia visto en el codigo e incluso en las pruebas que hacia lo habia borrado creyendo que no era necesario....he colocado el botom pequeño y le he colocado algo de css para alinearlo...ya lo he probado y funciona de maravilla....si le puedes echar una evaluacion para ver que tal...de nuevo Gracias y Saludos...
Kenneth Gracias a ti! A través de los pedidos es como me llegan las ideas para las entradas casi siempre :D
Así es, ahora esos RT de tus entradas serán rastreados por Tweetmeme, aunque por lo que he visto en su web, pasa como en otras de ese tipo...en portada siempre están los mismos :S
Hola, buena entrada, pero noes por eso que estoy aqui, me pasaba para preguntarte una cosa, jajaja.
Mira, este es mi blog, y queria saber como se hace para colorear los elementos de la slide-bar como yo lo hice en el footer, y tambien como hacer para colorear las entradas igual. Espero tus respuestas y muchas gracias!!!
Ascesino96 Tendrías que añadir un background en el main y la sidebar, por ejemplo así (lo que está en negrita es lo que añades):
#main-wrapper {
background: #fff;
width: 500px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
background: #fff;
width: 300px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Hola Rosa, yo coloqué ese botón hace un buen tiempo y he ido probando pero a veces o bien tarda en contar los clicks o bien no los cuenta. Lo he probado en varias paginas con el mismo botón y no siempre funciona tan bien. Me han dicho que puede ser porque el twitter tiene un sistema un poco complicado de contar y algunos twiteros tienen la opcion de privado, pero no fue mi caso al testear.
Saludos
ROSI fui a mirar a lo de Kenneth!!!
Qué bellos te han quedado los íconos!!!...muy buen detalle!!!...besitos y buena semana :)
Pateador Si, ya lo he notado. El RT aparece en Twutter de forma inmediata, pero tarda en contabilizar el dato en el botón algunas veces :S
Graciela ¡Gracias! Me encantaron en cuanto los vis vi... la pena es que ando buscando algo así para el sobre de email y no encuentro :( a ver si tengo tiempo y me lo "fabrico" aunque sea de forma artesanal ja,ja.
vamos Rosa que puedes :)...cuando aprenda ohhh hace falta tiempo!!!...están buenísimos...ando merodeando tu casa!!!
Rosa tengo una duda, en mi blog coloque como tienes tu, una foto de fondo en el sector donde figura el nombre del autor de los comentarios. Y el problema es que hay una parte de la foto que se encuentra muy pegada a uno de los bordes, fijate. Yo quiero colocarla mas alejada del borde.
http://modelo-ac.blogspot.com/2009/06/pelota-del-mundial-2010.html#comments
Siempre hay un minuto para recordar a las personas que son importantes en nuestras vidas y que a pesar de las distancias u ocupaciones están presentes en nuestro corazón... Este minuto te lo dedico a ti. Bendiciones y un abrazo enorme.
Hola Rosa de nuevo yo, pero que bueno esta ese scrip pero yo no uso twinter pero me diste las claves para poder hacer lo que queria Gracias y muy buen post saludos
A el de arriba soy yo ehh
Rosa!!
Necesito tu ayudaa!!
es urgente :S:S no se que le pasa a un nuevo blog que hize, supongo que es la plantilla
pero
NO DEJA QUE LAS PERSONAS POSTEEN COMENTARIOS!!
:S:S me podrias ayudar? ya trate de arreglarlo en "Configuracion" pero no funciona u.u
por favor ayudame si? contactame
ely.cervantes@hotmail.com
tinta_color@hotmail.com
La direccion del blog es este
http://tintacolor.blogspot.com
por favoor!! :L
Gracias de antemano
Ely Cervantes
Hoy te pediré ayuda en un post... Aunque como casi siempre no tenga que ver con el contenido del mismo :$
El gadget de Seguidores me aparece siempre... salvo en la página principal/Home, ¿tienes idea de por qué puede ser? Me está volviendo loca xDD
Un besote, Rosa!!
Ay, perdona, el link del blog:
Con "Seguidores" (sidebar izquierda arriba):
http://www.letrasyescenas.com/2007/10/novela-romantica-juvenil.html
Sin "Seguidores":
http://www.letrasyescenas.com/
Muas!
Loco21 Yo no tengo una imagen ahí, solo es un color de fondo.
Trata de "jugar" con el padding en:
.comment-author {
No se exactamente que valores tendrías que poner, así que prueba tu mismo a ir cambiando...
Angélica Es bien cierto lo que dices cielo. Ahorita mismo me paso por tu casa...
Ely En el código fuente de tu blog, no noto que haya ningún problema...
En Edición - Entradas del blog - Editar ¿has marcado la opción para permitirlos?
.Alba. Pues supongo que hablas mirando el blog con IExplorer, porque con otros se ve en todas las páginas.
Se están dando ese tipo de problemas con ese gadget y el formulario de comentarios, pero solo en IE.
Yo de nuevo ;)
Llevaba desconectada desde que te he preguntado, y ahora, al meterme al blog, de repente me ha aparecido... Uso Firefox, así que habrá sido alguna locura del momento xDD
Gracias mil de nuevo, un beso!
Se los había visto a los chicos de Blogsconeñe pero no sabía como se ponía :D muchas gracias! :D
besotes ronroneados ^_^
muy bueno gracias asi quedo el mio se ve genial
http://detodoparatuvida.blogspot.com/
siempre encuentro en este blog todo lo que necesito y con simpleza, asi puedo llevar a cabo los cambios que necesito y que no logro comprender en otros sitios
GRaciasssssssssssssssssssssssssssssss
Hola!!
Me encanta :P Pero, ¿hay alguna forma de cambiar "@tweetmeme" por "@Chaantii94"?
Chaantii No, es un servicio externo que proporcina la web y que no podemos controlar.
Lo digo porque he visto otros blogs que lo tienen :S
Lo he conseguido! Si hay forma :P Es solo añadiendo una linea mas ^^
Chaantii Te referías en el código... lo siento, yo entendí que tu nick de Twitter saliera en el botón, en la imagen, no al direccionar a tweetmeme, ja,ja.
Jajaja no, en el código :P
Rosita ¿como se le cambia el color al cuadrito??
Miguel El código para eso no lo controla el usuario.
Hola guapa, lo he puesto, pero me queda muy pegado al texto, como muy bajo... No se, a ver si puedes verlo y opinas.
Un beso!
Noa Si te parece, prueba a subirlo algo más arriba, moviendo el código del botón en la plantilla y usando vista previa...
Rosa, he colocado un link tuyo en mi blog, puedes poner uno mío en el tuyo a manera recíproca? Saludos!
www.DineroIdeas.blogspot.com
karlozlfc No hago intercambio de enlaces.
Explicas todo genial!!! Siempre me sale a la primera mil gracias Rosa!!!
:) Reina
Te agradezco los consejos, porque me vienen genial!!!
Muchisimas gracias :)
si, me molesta que diga @teewtmeme en vez de @mamasybebes
peor es nada!
Publicar un comentario en la entrada
Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).
lejaniaimposible@hotmail.com