Jugando con el blog

10 febrero 2007

Me he puesto a trastear y he hecho algunos cambios.
  1. Lo primero, lo de las etiquetas bajo el título, que lo tenía visto por ahí. Más abajo pondré los códigos que he usado y que no me resultó fácil encontrar, para ahorrar tiempo a otros profanos de la programación. En firefox tienen un resultado bastante decente, en explorer un verdadero fiasco. Habrá que mirarlo un poco. También he añadido unos enlaces para explicar el blog, a mi mismo (hay que pensar en el currículum), a The Pila y a la página que tengo en la wikipedia. A todas éstas les tengo que lavar la cara o crearlas de cero, loque haré con entradas fechadas a 1 de enero para no cambiar la apariencia con páginas externas, pero hoy ya es tarde y mañana madrugo.
  2. A la derecha, aunque me falta de subir las banderas que actúen como enlaces, traductores que ya tengo mirados. A inglés, francés y alemán. De momento.
  3. Más abajo, he arreglado los enlaces de la nube de categorías. Ahora ordena por grupos como debía.
  4. He cambiado el logo de CC y revisado y actualizado el blogroll.
  5. Y he creado una cuenta en aNobii, un gestor de reseñas de libros bastante interesante que vi en pjorge, e incrustado un bloque a ella.

Actualización
He añadido idiomas, creado las páginas y lo he revisado todo. Solo faltaría referenciar la altura de las etiquetas con un valor relativo o rejustar el navegador según sea (de ambas cosas no tengo ni idea) y, además, sindicarlo. Otro día.

Éste es el código empleado para lo de las etiquetas. Como en blogger es más sencillo hacerlo por widgets que ponerse a editar la plantilla, ya sabes, crea un Java/HTML y colócalo encima del cuadrante de entradas. La altura varía con la variable 'top' y el código al que he llegado es éste:

<style type="text/css">
#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
top: 131px;
left: 50%;
width: 720px;
margin: 0 0 0 -360px;
padding: 5px 16px;
text-align: left;
display: block;
}
#supernav a {
color: #000000;
background: #FFFFFF;
font-weight: normal;
height: 19px;
padding: 5px 16px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}
</style>
<div id="headr">
<ul id="supernav">
<a href="http://paginadelblog/">Blog</a>
<a href="http://articulodeautor/">Autor</a>
<a href="http://loquesea/">Loquesea</a>
<a href="http://explicaciondelblog/">Título del blog</a>
<a href="http://loquesea2/">Loquesea2</a>
</ul>
</div>
<hr/>

En cuanto a los idiomas es más sencillo, una imágen enlazada a un traductor automático de la página. Lo tenéis aquí.

Por cierto, para escribir código y que no os lo reconozca como tal (e.d, que lo escriba tal cual) usad ésto. Lo que hace es cambiar '<' y '>' por sus códigos html y añadir un par de cosas. Gracias Moskis.
Si alguien, más versado en esto que un servidor, ve cómo puede adaptarse el código al explorer, ya sabe.

Actualización2
Feed en RSS, ATOM y suscripción vía e-mail (que era lo que me interesaba) por feedburner. Gracias, Shora

No hay comentarios:

Publicar un comentario