JMiur [E]

De todas las formas que es posible insertar Twitter en el blog, la de El escaparate de Rosa es la más versatil y además, utiliza los códigos originales provistos por el mismo servicio. El resto, la parte gráfica es perfectamente configurable con CSS. Sin embargo, vamos a verlos todos para luego elegir qué es lo que más nos conviene.

Esos widgets originales podemos copiarlos directamente del sitio. Para Blogger, hay un apartado especial donde elegiremos la cantidad de mensajes a mostrar (1 | 20), el título, etc y luego, lo insertaremos directamente o copiamos y pegamos el código en un elemento HTML:
<div id="twitter_div">
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/nombreusuario" id="twitter-link" style="display:block;text-align:right;">
follow me on Twitter
</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/nombreusuario.json?callback=twitterCallback2&amp;count=2"></script>
El resultado, que no es más que una lista una serie de enlaces, se adaptará a las propiedades de la sidebar.


Otra opción que nos dan es crear un widget genérico y allí hay dos posibilidades, si usamos la opción HTML veremos que el código no difiere mucho; a decir verdad, es el mismo que el anterior sin el enlace "follow me on Twitter":
<div id="twitter_div">
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/nombreusuario.json?callback=twitterCallback2&amp;count=2"></script>
Si queremos, también podemos utilizar un widget hecho con Flash, ya sea individual o conteniendo todas las conversaciones. En ambos casos, elegiremos el color y algún detalle más y nos darán un código que insertamos en un elemento HTML.

Personalmente, sigo prefiriendo la primera posibilidad así que vamos a crear un elemento HTML y lo ubicamos donde queremos que aparezca en la página; en la sidebar, arriba de los posts, como parte del header, etc. Allí, escribimos lo siguiente:
<div id="twitter_div">
<ul id="twitter_update_list"></ul>
<a id="twitter-link" href="http://twitter.com/nombreusuario">texto</a>
</div>
Donde sólo debemos cambiar nombreusuario y colocar el texto que nos guste para enlazar a la página principal. Pero falta algo más; faltan los scripts. Siguiendo los consejos del mismo Twitter, no los vamos a poner en ese elemento sino en la plantilla, justo antes de </body> para asegurarnos que nuestra página se cargue aún cuando el servicio no esté funcionando. Entonces, la primera alternativa será colocar:
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/nombreusuario.json?callback=twitterCallback2&amp;count=1"></script>
Hasta acá, estamos usando un poco de HTML y un script. Es este último el que lee los datos y luego los escribe en nuestro sitio. Como es público, ese script ha sido modificado varias veces; una de ellas es el que muestra Rosa en una de sus últimas entradas; allí, se reemplaza el script original por otro creado por init7 que tiene una particularidad; los enlaces internos de los mensajes no se muestran como textos sino como enlaces reales. La segunda alternativa será colocar ese script modificado
<script type="text/javascript" src="http://www.soccio.it/code/twitter/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/nombreusuario.json?callback=twitterCallback2&amp;count=1"></script>
En ambos casos, lo que debemos hacer es cambiar nombreusuario por el nuestro y establecer la cantidad de mensajes a ser mostrados usando el valor de count=1.

39 comentarios:

Gem@  

Sigues dándonos caramelos :0

Responder
JMiur  

Y falta el postre pero, me da trabajo :D

Responder
Anónimo  

Y hay alguna forma de eliminar Twitter de todos lados? Acaso hay algo mas bobo que ese programita? :P

Perdón, no pude con mi genio...

Seguro, en algún momento tendré a Twitter en mi blog :)

Responder
Anónimo  

Yo era de los que consideraba a Twitter el invento más inutil del mundo...
Ahora estoy baboso con el el
xD

Responder
JMiur  

Rasa: usted es un fanático de los teléfonos móviles, yo, los odio y aunque no los use, no puedo librarme de ellos así que, resignación :D

ejner69: yo no estoy baboso pero confieso que no me ha disgustado la idea. Por suerte, podemos cambiar de opinión o tener varias simaltáneamente :D

Responder
Silvana Tapia  

Muchas gracias por las sugerencias, he puesto a funcionar el widget y el script modificado y está de maravilla. Ahora quisiera colocar un dibujo debajo con un globo a lo cómic para que luzca como si yo estuviera hablando :P

Responder
La Blogueria  

Odio Twitter. Antes me daba igual. Ahora me atrapó. Encima encontré gente que hacia años que no veia por el mundo. Estan en Twitter. Todos estamos en Twitter.

Por cierto que ayer conseguí separar la hora del resto del texto, que me tenía mareada. Añadiendo un simple <br /> en el script. ¡Sólo me llevó 6 horas! Toma ya!

Responder
Esebloguero  

Pasaba por acá para agradecer, finalmente puse el twitter e mi blog y tus instrucciones fueron de gran ayuda. Sólo que no pude poner un pajarito abajo, pero luego. Saludos.

Responder
JMiur  

Saludos, GeR0; me alegr que sirviera.

Responder
Mama novata y curiosa  

genial gracias funciono!!!!

Responder
Unknown  

COmo siempre eres mi técnico de cabecera.

Responder
JMiur  

Jajajaaja. Saludos, Santi. Espero que te diviertas con Twitter :D

Responder
Anónimo  

Muchas gracias por el aporte, ya hice mi cuenta de twitter y voy a integrarlo en el blog a ver :) Saludos

Responder
JMiur  

Suerte. misjuegosnds :D

Responder
martosfre  

Gracias por la información, muy útil - MARTOSFRE

Responder
Unknown  

Gracias amigo me fue muy util el aporte.

Saludos.

Responder
Roxana Gutiérrez  

T______T
Intenté con el primero y me funcionó muy bien ^^!"
Gracias~

pero...
Quizé poner a mi blog un Widget, pero a la hora de aceptar y ver mi blog salía todo blanco T-T!"
A qué se debe eso? o que código tengo que ponerle antes D:?

Gracias ^^

Responder
JMiur  

No sé cuál has intentado colocar.

Responder
Unknown  

Me ha resultado bastante util. Aun
siendo un Bloggero novato.

Saludos!!

Responder
Ailed  

Muy facil y mucho mejor que los widgets que estan en blogger.

Responder
Cristian Hoerth  

Gracias, me quedo perfecto!

Responder
Unknown  

Solo que esto: "follow me on Twitter" esta bien cierto?

gracias de todos modos!

Responder
intentosa  

gracias, ademas por el fondo oscuro de la web, descanso para mis ojos rojos! ahhhh

Responder
Karina Casanova  

Alguien ayudeme es que tengo un fanpage y tengo iconos pero quisiera poner el codigo del gif para que otras personas lo copien y peguen en su pagina tambien. Obviamente si pego el codigo va a salir el icono y yo necesito ese tipo de cajita que tienen todos estos blogs!

ayudenme es muy simple!

Y gracias por la info, muy buena tambien la necesitaba para el fanpage!

Responder
JMiur  

No sé si es algo como eso l oque estás buscando:
código para que nos enlacen

Responder
Anónimo  

gracias por el dato muy facil de aplicarlo :D

Responder
Unknown  

bueno... gracias por todo... como siempre me ayudas muchísimo.

Saludos!!

Responder
Magnolia  

Creo que no me resulto, sólo me sale el mensaje 'follow me on twitter' pero no veo mis tweets. :(

Responder
JMiur  

Magnolia:
No funcionará ya que tu Twitter está protegido, debe ser público para que pueda accederse a él y mostrar su contenido.

Responder
León  

Me ha sido de gran ayuda, la verdad, para el blog que actualmente estamos montando. Veré además más códigos de los que tienes subidos. Gracias.

Responder
Administrador  

Muchas gracias por el aporte, me ha sido de utilidad.

Responder
Nicolas Santiago Castillo  

amigo, usted tiene lo que nesesito, como haz o para poner youtube y twitter

Responder
JMiur  

No sé a que te refieres.

Responder
Administrador  

muy interesante!!

Responder
Unknown  

a mi solo me aparecen letras, me gustaria que apareciera con un modelo o colores, como puedo hacer eso? o, ¿ahi algun otro programa?

Responder
JMiur  

Estos en particualr no tienen más opciones que las que ofrecen esos servicios así que debes buscar otros modelos.

Responder
Margot  

te felicito es un buen blog, bueno aca te dejo mi blog para que lo chequees y me des unos tips para que mis blogs dia a dia mejoren www.mibroma.blogspot.com -- www.novedadesdecelulares.blogspot.com y este correo jc1854@hotmail.com

Responder
Laurilla  

Cuando desde la edición del diseño en blogger le doy a vista previa aparece correcto; pero desde la página del blog, una vez guardado, no lo muestra, sólo un enlace de tweets por...
¿Cuál puede ser la solución? Gracias por la ayuda. Mi twitter es público y aun así sólo me aparece el enlace que os he dicho
el blog es http://pomperyrepomper.blogspot.com

JMiur  

Esto ya tiene sua años así que es probable que los scripts hayan cambiado.

Responder
 
CERRAR