Muestra tú último tweet en Blogger con una miniaplicación

Image representing Twitter as depicted in Crun...


Ahora que otros sistemas para mostrar tweets andan fallando porque a Twitter no le gustó demasiado eso de que terceras partes sacaran aplicaciones por doquier, aquí tenéis un código basado en la API de este servicio de graznidos, que os mostrará el último mensaje lanzado por un determinado usuario.

Tal y como viene redactado está listo para insertar como gadget en la barra lateral, aunque necesitáis al menos de un ancho de 335px para que se acomode bien. 

El código es algo largo porque permite bastantes más opciones que las que yo usé para este fin concreto, pero como casi todos los parámetros son autoexplicativos (CSS casi literal), las podréis aprovechar para hacer otras cosas.

Esto como siempre es sólo un ejemplo y cambiando el estilo podréis conseguir otros resultados distintos de este.


Flickr: Secuencia de fotos de andrew hall1bit.ly/Tk9HENabout 1 hour ago · reply · retweet · favorite
<style>
#ultimotweet { position:relative; width:335px; height:94px; margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZiVvRavw_Lwe1tG547lQsdSAcu5Sk_BTw3uYd497xH9VxUTARxu7WLQPBBVXIDu9pJdiWK86mZ7dxhJBEb-x28kEPt6jIeo8CnlBx5UOPL4Ozs8-dT-z_h211bQQdsdXRKq4n-kQbu6A/s1600/twitter.png);}
.twtr-widget .twtr-tweet-wrap { position:absolute; top:10px; left:90px; overflow: hidden; padding:0px; margin:0; zoom:1; width:235px !important;}
.twtr-doc { font-size:12px;}
.twtr-hd, .twtr-user, .twtr-ft { display:none;}</style>
<div id="ultimotweet">
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 5000,
width: 335,
height: 94,
theme: {
shell: {
background: 'transparent',
color: '#000'
},
tweets: {
background: 'transparent',
color: '#333',
links: '#999'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
behavior: 'all'
}
}).render().setUser('oloman').start();
</script></div>


Imprescindible cambiar el usuario al final del código (en verde) por el vuestro o bien por el de otra cuenta cualquiera si eso es lo queréis.


Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.
-Autor: Oloblogger
Enhanced by Zemanta

0 comentarios:

Publicar un comentario

¡Gracias por comentar!

Related Posts Plugin for WordPress, Blogger...