26 marzo 2012

Integrar Twitter en el blog


Integrar nuestros últimos twitts de Twitter a nuestro blog es muy sencillo, lo primero que hay que hacer es ir a la página principal de Twitter y al final de la página de tu cuenta elegir la opción “extras”, widgets  para mi web, widget de perfil, personalizar mi widget de perfil. Allí se te muestran varias opciones para personalizar el widget tales como cuántos twitts mostrar, el ancho y alto, etc. Una vez personalizado das en finalizar y copiar código, y lo agregas en el sidebar personalmente o si lo prefieres, allí mismo te da la opción de “añadir automáticamente a blogger” por si lo otro te parece complicado. 

Pero, si todo esto te pareció muy abrumador, intenta de esta manera. Entra en Diseño, Añadir gadget, html-javascript y copia este código:  

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 8,
  interval: 30000,
  width: 290,
  height: 300,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#f0a905'
    },
    tweets: {
      background: '#ffffff',
      color: '#1f1c1c',
      links: '#0915f0'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('twitter').start();
</script>

Cambia twitter por el nombre de tu usuario (sin el @) y listo. Puedes cambiar los valores en ancho (width) y en alto (height) de este gadget para que se acomode a la medida de tu blog. También puedes personalizar los colores de fondo y las letras en background #ffffff de acuerdo a tu preferencia

Luego das en vista previa, chequeas que todo esté bien, y das en guardar.

Como puedes ver es tan sencillo que es imposible que te pierdas.

6 comentarios:

  1. Está muy bueno, lo implementaré en mi blog: http://johncarnaval.blogspot.com gracias por este aporte.

    ResponderEliminar
  2. ah, ya te di un +1 en google :)

    ResponderEliminar
  3. Muy útil, sencillo y claro, gracias ;)

    ResponderEliminar
  4. Me sirvió el código, gracias.

    ResponderEliminar

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger