39

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 = &#39;<data:post.url/>&#39;;
</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:

Botón grande Tweetmeme

[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 = &#39;<data:post.url/>&#39;;tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Botón pequeño Tweetmeme


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 = &#39;<data:post.url/>&#39;;
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
<div class='comments' id='comments'>

39 comentarios:


Kenneth Jack

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...

Rosa

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

Ascesino96

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!!!

Rosa

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 */
}

Pateador

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

Graciela

ROSI fui a mirar a lo de Kenneth!!!
Qué bellos te han quedado los íconos!!!...muy buen detalle!!!...besitos y buena semana :)

Rosa

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

Rosa

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.

Graciela

vamos Rosa que puedes :)...cuando aprenda ohhh hace falta tiempo!!!...están buenísimos...ando merodeando tu casa!!!

Loco 21

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

•*♣*Angélica*♣*•

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.

megadesc

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

Themasteralex

A el de arriba soy yo ehh

Ely Cervantes

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

· Alba ·

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!!

· Alba ·

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!

Rosa

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...

Rosa

Angélica Es bien cierto lo que dices cielo. Ahorita mismo me paso por tu casa...

Rosa

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?

Rosa

.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.

· Alba ·

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!

Σ=o) Pau

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 ^_^

Administrador

muy bueno gracias asi quedo el mio se ve genial

http://detodoparatuvida.blogspot.com/

La Griega

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

Chaantii

Hola!!

Me encanta :P Pero, ¿hay alguna forma de cambiar "@tweetmeme" por "@Chaantii94"?

Rosa

Chaantii No, es un servicio externo que proporcina la web y que no podemos controlar.

Chaantii

Lo digo porque he visto otros blogs que lo tienen :S

Chaantii

Lo he conseguido! Si hay forma :P Es solo añadiendo una linea mas ^^

Rosa

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.

Chaantii

Jajaja no, en el código :P

Miguel Monar

Rosita ¿como se le cambia el color al cuadrito??

Rosa

Miguel El código para eso no lo controla el usuario.

Noa

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!

Rosa

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...

karlozlfc

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

Rosa

karlozlfc No hago intercambio de enlaces.

© Reina

Explicas todo genial!!! Siempre me sale a la primera mil gracias Rosa!!!
:) Reina

Urban Fantasy Blog

Te agradezco los consejos, porque me vienen genial!!!
Muchisimas gracias :)

Viviana y Sofia

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

 
Ir Arriba