Mostrar seguidores y últimos comentarios dentro del fanbox de Twitter con jQuery

Quienes hayan puesto el fanbox detwitter en el blog Mike More trae una variación de este widget que consiste en mostrar dentro de esta misma caja los últimos comentarios de nuestros seguidores y amigos actualizándolos cada vez que alguien twitee en nuestra cuenta.

A continuación mira el gadget funcinando en este demo:

Para ponerlo en tu blog solo entra en Diseño, Añadir Gadget, Html Javascript y allí pega el siguiente código:

<!-- Include javascript and CSS once -->

<link href="http://twitter-friends-widget.googlecode.com/svn/v2/dark.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js" type="text/javascript"></script>

<!-- Required HTML -->

<div class="twitter-friends">

   <!-- {

      username: 'twitter'

      ,friends: 1

      ,width:358

      ,users_max:16

      ,users_height:120

      ,user_image:40

      ,user_animate:'width'

      ,tweet:1

      ,tweet_height:60

      ,loop:1

   } -->

   <a class="tfw-info" href="http://www.moretechtips.net" target="_blank">Twitter Friends/Followers Widget</a>

</div>

<!-- Required HTML -->  

Cambia lo que está en azul por tu cuenta de Twitter. Recuerda no borrar el crédito de este gadget que está en el enlace al final del código, que es la dirección de su creador.

Por lo demás espero que les agrade.

Botones Sociales flotantes arriba del blog

En una entrada anterior publiqué cómo poner botones flotantes de twitter, facebook y google+, y estos estaban fijos (o sea flotantes) en una esquina del blog, de forma vertical. Algunos me han preguntado si podrían poner esos botones (u otros) de forma horizontal. Si los ponen arriba o abajo ya queda a criterio de cada quien.

En realidad es sencillo. Vamos a utilizar el mismo código que usamos en la entrada en cuestión, con la particularidad de que los pondremos en forma horizontal. Aquí yo he puesto estos botones que me parecieron bastante simpáticos.

Puedes verl los botones aquí en esta misma entrada.

Para ponerlos hacia un costado del blog en la parte de arriba, entra en Diseño, Edición Html, y con los artilugios expandidos pega antes de </body> el siguiente código:  

<a href='https://www.facebook.com/pages/Bloger-Bloger/149171335193313' target='_blank' title='Sígueme en Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFELYkhun-ZRhvI-hZnd6OfV-SgT5ia9RuL-lf1LzJKuSPkCxVqjIRay-Xl5A9WwuiOyte8gkzPmdnVIaBGMEZ9DK8BKtMzPfBweRzAWz90aoERsBDnMHCqBzeS6sNPH0az54p1ULAHbo/s35/facebook-icon%2520-%2520copia.png' style='display:scroll;position:absolute;top:10px;right:70px;' alt="" /></a>

<a target="blank" href="http://twitter.com/twitter" title="Sígueme en Twitter"><img border="0" style="position:absolute;top:10px; right:130px; display:scroll;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN_09GYLTw-s8MyAKh-jiBBiSaPXGn2e3Foa-GU5XPhr7WcQST8Hf_ZoTMopmhVZPY3zOavLlrIgkaChuNzx9SLzCB3Pa3_bqRgpB_TzXqNremM6Zp3YDdd_5DVdfVM215_YnHChRPquw/s35/twitter-icon.png"/></a>

<a href='https://plus.google.com/' target='_blank' title='Sígueme en Goolge+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJCpisaDCYBtiuGAvxNOpZ0Vr7rc4CeUClUOcs2TepZVtuK1Gg0brTdnKcHiQ6Eltyobzpfjk-CIPdfXysHak92ve1aPu7sTptoqaefzdgiTtcQ8fz1iOYMIJhcz1p_LC0ytUPpmAvJ-8/s35/google-icon1.png' style='display:scroll;position:absolute;top:10px;right:0px' alt="" /></a>

Cambia la dirección de tu cuenta de Facebook, la de Twitter y de Goolge+.

Si quieres poner tus propias imágenes de redes sociales solo cambia la url de la imagen de esta entrada por la url de la tuya y listo. Si quieres que los botones te queden abajo cambia top: 10px por bottom: 10px y eso será todo. Lo mismo si los quieres a la izquierda, solo cambia right por left y listo.

Lo ves. Super sencillo.