lunes, 11 de febrero de 2013

Publicar tus últimos tweets en tumblr


Si quieres agregar los últimos tweets sigues unos sencillos pasos:

Paso 1: Ves a http://www.tumblr.com/customize para editar tu tumblr.

Paso 2: Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.


Paso 3: Copia y pega el siguiente código HTML:


<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
  new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 'auto',
  height: 300,
  theme: {
     shell: {
         background: '#cbba9f',
         color: '#0a0a0a'
      },
     tweets: {
         background: '#fcfcfc',
                  color: '#000000',
         links: '#3554a6'
         }
   },
  features: {
      scrollbar: true,
      loop: false,
      live: true,
      hashtags: true,
      timestamp: true,
      avatars: false,
      behavior: 'all'
   }
}).render().setUser('AQUI_TU_TWITTER').start();
</script>

2- Debajo de todo dice setUser(‘AQUI_TU_TWITTER’).start(); en esta linea debes poner donde te indica el twitter (sin @) de la persona que quieras ver sus últimos tweets.
Este código lo puedes añadir a cualquier web que la puedad editar mediante códigos HTML.


EDITALO:
1- Puedes cambiar el color del skin:   
          

           shell: {
         background: '#cbba9f',
         color: '#0a0a0a'


Cambia lo que esta en negrita por el código del color que quieras. 
En esta pagina puedes ver el codigo de todos los colores: http://html-color-codes.info/codigos-de-colores-hexadecimales/

2- Puedes cambiar el color del contenido (tweets), el codigo de color del fondo y el de los links.
           tweets: {
         background: '#fcfcfc',
                  color: '#000000',
         links: '#3554a6'

Cambia lo que esta en negrita por el código del color que quieras. 
En esta pagina puedes ver el codigo de todos los colores: http://html-color-codes.info/codigos-de-colores-hexadecimales/


3- En width y height defines el ancho y alto, el valor ‘auto’ indica automático sino se coloca un numero.
        
Si queréis un tumblr que entiende bastante de codigos HTML aparte de sus buenos post visitar:  

4 comentarios:

  1. Respuestas
    1. De nada Alex, busca cualquier otro cosillas que te guste. ^^
      Y si ves que algo no te funciona avísame y editare el tutorial.

      Eliminar
  2. Amigo tengo problemas, pero no entiendo porque, inserto bien el codigo, pero al momento de poner mi nombre de usuario, el widget me sale con un nombre de usuario que no existe, te pediria me dieras algun consejo. Gracias bye

    ResponderEliminar
  3. Holis! Una pregunta, no importa el lugar donde coloque el código o puedo colocarlo donde sea?

    ResponderEliminar