lunes, 25 de marzo de 2013

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.



viernes, 1 de marzo de 2013

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>