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@ hace 16 años  

Sigues dándonos caramelos :0

Responder
JMiur hace 16 años  

Y falta el postre pero, me da trabajo

Responder
Anónimo hace 16 años  

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

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

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

Responder
Anónimo hace 16 años  

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

Responder
JMiur hace 16 años  

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

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

Responder
Silvana Tapia hace 16 años  

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

Responder
La Blogueria hace 16 años  

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 hace 16 años  

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 hace 16 años  

Saludos, GeR0; me alegr que sirviera.

Responder
Mama novata y curiosa hace 16 años  

genial gracias funciono!!!!

Responder
Unknown hace 16 años  

COmo siempre eres mi técnico de cabecera.

Responder
JMiur hace 16 años  

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

Responder
Anónimo hace 16 años  

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

Responder
JMiur hace 16 años  

Suerte. misjuegosnds

Responder
martosfre hace 15 años  

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

Responder
Unknown hace 15 años  

Gracias amigo me fue muy util el aporte.

Saludos.

Responder
Roxana Gutiérrez hace 15 años  

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 hace 15 años  

No sé cuál has intentado colocar.

Responder
Unknown hace 15 años  

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

Saludos!!

Responder
Ailed hace 15 años  

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

Responder
Cristian Hoerth hace 15 años  

Gracias, me quedo perfecto!

Responder
Anónimo hace 15 años  

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

gracias de todos modos!

Responder
intentosa hace 14 años  

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

Responder
Karina Casanova hace 14 años  

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 hace 14 años  

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

Responder
Anónimo hace 14 años  

gracias por el dato muy facil de aplicarlo

Responder
Unknown hace 14 años  

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

Saludos!!

Responder
Magnolia hace 14 años  

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

Responder
JMiur hace 14 años  

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 hace 14 años  

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 hace 13 años  

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

Responder
Nicolas Santiago Castillo hace 13 años  

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

Responder
JMiur hace 13 años  

No sé a que te refieres.

Responder
Administrador hace 13 años  

muy interesante!!

Responder
Unknown hace 13 años  

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 hace 13 años  

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

Responder
Margot hace 12 años  

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 hace 12 años  

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 hace 12 años  

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

Responder
 
CERRAR