martes, 4 de abril de 2006

Volver e ir

Como volver e ir a otros posts y páginas en Blogsome

Blogsome, hospedaje gratuito de bitácoras

Cuando quieres buscar un post que hace el número 1 de un mes que has subido 25, por ejemplo, es bastante engorroso ver el primero sin tener que ir a Opciones y alterar el número de post a mostrar en cada página.

Para ello existe una función más sencilla, que además te permite navegar por toda la bitácora.

Al final de las páginas te aparece un enlace a las anteriores y siguientes, para ello tienes que colocar en tu archivo "wp-layout.css" el siguiente código:

.left
{
   float:left;
}
.right
{
   float:right;
}


Y en el archivo “Index.html”, justo después de {$content} añades este código:

<div class="left">{next_posts_link label = "«« Artículos anteriores"}</div>
<div class="right">{previous_posts_link label = "Artículos posteriores »»"}</div>


Una vez lo hayas salvado y abras tu bitácora, podrás observas al final de la página y a derecha e izquierda las leyendas correspondientes, que te servirán como enlaces para navegar. Es verdad que en la primera página solo te va aparecer el enlace “Artículos anteriores”, toda vez que no hay posteriores. Y por supuesto en la última, lo contrario. Como es lógico.

Y ahora vamos con los posts, en ellos vamos a colocar una función similar para que pulsando en ellas vayamos al post anterior o posterior. Nos vale el código del archivo “wp-layout.css”, que no tenemos que tocar si hemos instalado la función anterior, en caso contrario debemos pegarlo tal y como se dice más arriba.

Los enlaces, para ir a los posts anterior y posterior, los podemos colocar en el archivo “post.html” o en él “comments.html”, según el lugar que queramos aparezcan, junto con el título de los posts correspondientes.

En mi caso, los he situado al principio de “comments.html”. Podéis probar en el lugar que mejor os guste. Y este es el código a colocar:

<div class="left">{previous_post_link format="&laquo;&laquo; %link" link="Escrito anterior: %title"}</div>
<div class="right">{next_post_link format="%link &raquo;&raquo;" link="Escrito posterior: %title"}</div>


Una vez salvado, al cargar la bitácora ya los podrás utilizar de una manera similar a los anteriores, esta vez post a post.

Buena travesía.

5 comentarios:

  1. Como moverse en una bitácora alojada en Blogsome

    Instrucciones prácticas para usuarios de Blogsome

    ResponderEliminar
  2. Compadre .. muy buenos tus dos trucos ... los emplee sin problema alguno. Pero a cambio te voy a dar dos .. depronto ya losconoces .. pero me voy a arriesgar ...

    Para incluir el número de post que llevas en el blog ... se debe adicionar la siguiente línea:

    Posts: {the_author_posts}

    Yo particularmente la agregue dentro el bloque de archivo “Index.html”

    Para saber cuanto días lleva el blog al aire podes incluir en el el mismo sitio el siguiente script:


    var Hoy=new Date()
    var Nav=new Date("February 2, 2006")
    var mseg_dia=1000*60*60*24
    var dias
    dias = Math.ceil((Hoy.getTime()-Nav.getTime())/(mseg_dia))-1
    document.write(dias)


    Suerte y gracias ...

    ResponderEliminar
  3. Excelente artículo, me funciono de maravilla :)

    ResponderEliminar
  4. Gracias por compartir tus conocimientos, este truco me funcionó perfecto, cada día quiero más a Blogsome jeje.

    Saludos desde Rosario, cuna de la Bandera Argentina

    ResponderEliminar
  5. H e a D L e s S5 dic. 2011 16:38:00

    GRACIAS! MIL GRACIAS!!!!

    ResponderEliminar

Anímate y expresa tu opinión:

Emoticones