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:  

martes, 5 de febrero de 2013

Cambiar el texto de la pestaña del navegador y que se mueva.

Aquí aprenderás a modificar el texto de la pestaña del navegador para que ponga lo que quieras.

Me refiero a este texto: 





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: Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en los códigos.

Teclea
<style type="text/css">{CustomCSS}</style>" (sin las comillas) en la barra de busqueda.


Paso 4: Pega este codigo debajo:

<script>

var txt="AQUI_EL_TEXTO";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();

</script>


IMPORTANTE! SI TE SALE TODO EL TEXTO EN GRIS ES QUE LO HAS PUESTO EN UN LUGAR EQUIVOCADO.

Pon tu texto donde te indica y YA ESTA.