24 diciembre 2011

Gadget Twitter (tweets recientes)


Como podréis observar se trata de un gadget muy twittero donde mostramos las actualizaciones de los últimos tweet, de una forma diferente y muy Sevillista.

Para colocarlo en vuestros blogs, seguid estos pasos:
1.- Entrar en Diseño-Añadir gadget-Html/javascript y pegar el código en el interior.

2.-Incluir el nombre de usuario de Twitter, donde se indica (rojo)NOMBRE-DE-TWITTER por el vuestro.
Por defecto muestra 2 Tweets pero se puede modificar y mostrar más tan solo cambiando el 2 que se muestra en rojo por la cantidad elegida.
<div id="twit">
<div id="twitter_div">
<h2 style="display:none;" class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://amorsevillista.blogspot.com/" id="twitter-link" style="color: #333333; display: block; font-family: Arial; font-size: 8px; padding-top: 30px; text-align: center; text-decoration: none; width: 200px;" target="_blank">.</a></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript">
</script>
<script src="http://twitter.com/statuses/user_timeline/NOMBRE-DE-TWITTER.json?callback=twitterCallback2&amp;count=2" type="text/javascript">
</script></div>
<style type="text/css">
#twit{background: transparent url(http://i40.servimg.com/u/f40/13/20/23/83/bueno_11.png) no-repeat;width:200px; height:278px;}
#twitter_div{width:50px; height:145px;padding:15px;}
#twitter_update_list{width:150px; height:90px; margin:2px 5px 0 5px; padding:2px 10px 10px 5px; overflow: auto;text-align:left;font-size:11px;}
</style>

El resultado sería este:

    .



    Si nó lo queréis mostrar con el escudo del Sevilla FC, tan solo subir esta imagen a un hosting y eliminar la url de la imagen del código (negrita) y colocar la nueva url.

    !!! ESPERO QUE OS HAYA GUSTADO !!!!

    Por favor, comente de acuerdo al tema del artículo.
    Serán removidos todos los Comentarios con enlaces.
    Si quieres recibir los nuevos comentarios marca "Avisarme"