Reproductor de música

La verdad es que no es muy dificil crearlo. Puedes diseñar el tuyo, con las canciones que eligas desde: http://scmplayer.net/.

1. Elige la skin (aspecto del reproductor)
2. Elige las canciones, copia la URL y pon el nombre de cada una.
3. Configuralo, Y LISTO!!

Como Colocar un Archivo .SWF en Tumblr

Paso Número 1: 

Creamos un nuevo post de "Video" 

Paso Número 2:

Pegaremos este código en dónde dice "Código de inserción o URL del vídeo" 

[color=#000000]<object width="500" height="500" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="REEMPLAZAR POR EL LINK DEL .SWF" name="movie" /><param value="high" name="quality" /><embed width="500" height="500" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="REEMPLAZAR POR EL LINK DEL .SWF"></embed></object>[/color]

Como se Pudieron Dar Cuenta Tienen que Colocar el Link de su Archivo Dónde dice "REEMPLAZAR POR EL LINK DEL .SWF" 

En mi Caso Sería Este el Archivo 

 



Paso Número 3: 


Le dan click en "Publicar" 


Paso Número 4: 

Comprueban que su post está bien colocado 


 


"Publicado ya" 

 

LINK al post: http://lostumblrykenny.tumblr.com/post/47482870416/nian-cat-lost-in-space-epico

FUENTE DEL TUTORIAL: http://www.taringa.net/posts/hazlo-tu-mismo/13832727/Como-Colocar-un-Archivo-SWF-en-Tumblr.html

Infinite scrolling (Páginas infinitas)

¿Que es Infinite Scrolling?

Bueno el Infinite Scrolling es una página de desplazamiento sin fin (hasta llegar a su primer post propio), también conocido como AutoPager o AutoPage, o el desplazamiento infinito, sólo tienen que pegar una línea de código en su descripción.

A veces la secuencia de comandos de tumblr AutoPager simplemente no funciona en algunos temas tumblr, así que he añadido un par de métodos que deben cubrir la mayoría de los diseños, aunque a veces es imposible hacer que funcione.

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.

Tumblr con las páginas infinitas. Método 1

Pegue la siguiente línea de código. Este script no se mostrará. 

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> 

Guardar y comprobar si funciona.

Tumblr con las páginas infinitas. Método 2

1. Quitar el script que ha pegado anteriormente 
2. Vaya a Cutomize >> Edit HTML 
3. Pegue ese mismo código por encima de la etiqueta </ head> y abajo de </style> 
4. Pruebe de nuevo si funciona.

Tumblr con las páginas infinitas. Método 3

Mantenga el código que ha insertado en la descripción, no lo borre. 
Antes de cada tipo de mensaje por ejemplo: {block: Posts } (casi al final en tu tema html) pegue el siguiente código:

<div class = "autopagerize_page_element" > 

Después de cada etiqueta de cierre [por ejemplo, {/ block: Posts}], pegue el siguiente código:

</div> 

Siempre copia el código HTML completo y guardarlo en un archivo. txt, por si acaso lo arruinas tratando de instalar las paginas infinitas en tu tumblr.

FUENTE: http://www.taringa.net/posts/info/15038788/Tumblr-con-Infinite-Scrolling.html

Barra de búsqueda

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:

 {block:HasPages}

                    <div id="pages">

                        {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}

                        <div class="clear"></div>

                    </div>

                {/block:HasPages}

                

                <div id="search">

                    <form action="/search" method="get" id="search-form">

                        <input type="hidden" name="t" value="{Name}" />

                        <input type="hidden" name="scope" value="all_of_tumblr" />

                        <input type="text" name="q" class="query" value="{SearchQuery}" />

                        <input type="submit" value="{lang:Search}" class="submit" />

                        

                        <div class="clear"></div>

          

                        

                    </form>

                </div>

                <div id="search-scope">

                    <input type="radio" id="search-scope-me" name="scope" checked onclick="document.getElementById('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getElementById('search-form').action='/search'">{lang:My blog}</label>

                    <input type="radio" id="search-scope-all" name="scope" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'">{lang:All of Tumblr}</label>

                </div>

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:  

http://abocadoinferno.tumblr.com/

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: 

Como aqui: http://lostumblrykenny.tumblr.com/

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.

Cambiar la fuente y el tamaño de la fuente.

Cambiar la fuente.

Si usas el tema "Redux" o algun tema con las mismas opciones de fuente puedes elegirla fácilmente desde "APARIENCIA":

Si tu tema no tiene esa opción puede cambiarla desde los codigos HTML:

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

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

3. 

Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.

Teclea “font-family” (sin las comillas) en la barra de “Búsqueda” para localizar los ajustes de fuentes dentro del código.

4. Cambia el tipo de fuente que está a lado de “font-family” al que quieras usar. Teclea el nombre de la fuente que quieras usar.

Haz clic en “Vista Previa” el cual está en la esquina izquierda del editor.

EJEMPLOS:







5. Haz clic en “Guardar” y luego en “Cerrar” para regresar a Tumblr y ver los cambios.

---------------------------------------------------------------------------------------------------------------------------------------------

Cambiar el tamaño de la fuente.

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

2. Haz clic en “Editar HTML” que está en la izquierda. Ahora podemos editar nuestro tumblr mediante códigos HTML.

3. 

Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.

Teclea “font-size” (sin las comillas) en la barra de “Búsqueda”.

4. Cambia el número que este a lado de “font-size” al número que quieras. Teclea el número seguido por “px”. Haz clic en “Vista Previa” el cual está en la esquina izquierda del editor.

5. Haz clic en “Guardar” y luego en “Cerrar” para regresar a Tumblr y ver los cambios.