jueves, 19 de febrero de 2009

Class aptent taciti

Se ha reemplazado mediante CUFON, la fuente del titulo, el texto de las entradas, dos parrafos concretos de este primer post y los titulos de las tipografias utilizadas (en el pie), dejando la barra lateral con su tipografia original. Obsérvese que las letras acentuadas sólo funcionan en la fuente SCRIPT MT.

Ejemplo de palabras acentuadas: Hindú, Automático, Molón.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam porttitor pretium nibh, in dignissim enim cursus vel. Suspendisse accumsan sapien ac ante ornare nec vehicula nunc facilisis. Etiam accumsan gravida magna sit amet commodo. Vestibulum varius tellus eget purus consectetur sit amet vehicula neque rhoncus. Nunc vestibulum metus nulla, quis sodales ante. Duis eget condimentum nisi.

Suspendisse pulvinar mattis dapibus. Praesent pulvinar vestibulum urna, a adipiscing ligula iaculis id. Nullam at magna sit amet magna imperdiet accumsan in vitae nunc.

Aliquam quis urna in ipsum ullamcorper condimentum in id ligula. Aliquam ligula sapien, pellentesque quis aliquam vitae, ornare id mauris. Pellentesque consequat velit et purus mollis elementum. Mauris mollis lectus tempor turpis lacinia pulvinar. Maecenas pellentesque nisl eros. Cras sem tortor, tempus blandit gravida ut, euismod tempus turpis. Quisque et nunc augue. Nunc sit amet tellus eget dolor egestas condimentum.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quam libero, bibendum sit amet interdum a, scelerisque quis augue. Maecenas augue velit, consequat et feugiat ut, rhoncus ac dolor.

Aliquam non lorem id justo euismod tristique quis sit amet nunc. Pellentesque aliquam feugiat sem, eu sagittis lectus condimentum non. Fusce tincidunt, augue sit amet posuere lobortis, sapien nisi condimentum quam, in consectetur nibh eros ac lectus.

Nulla lobortis mauris sed elit hendrerit eu viverra quam elementum. Morbi euismod orci in nunc lacinia id feugiat neque rutrum. Cras semper vehicula blandit. Duis blandit, enim non lacinia sollicitudin, felis ipsum placerat tellus, eu sodales elit est vel felis. Aenean et fermentum nibh. Integer dui erat, bibendum et interdum quis, hendrerit eget quam. Ut eu elementum augue. Y esto es un ejemplo con acentos: fértil, hindú y hacía.

miércoles, 18 de febrero de 2009

Fondos bloc para post

Yo que pensaba que esta era una plantilla de lo más corriente, incluso tirando a cutre, y resulta que ya llevo unas cuantas peticiones centradas en cómo hacer el efecto bloc. En concreto, parece que el fondo de las entradas gusta bastante.

Pues nada, aunque ya lo he pasado varias veces por correo electrónico, ahora lo colocaré de manera pública y notoria, haciendo honor al "No rights reserved" de la sidebar.

La que se utiliza aquí está pensada para un fondo negro y es el jpg de la derecha (imagen original pinchando). Pero como la gran mayoría de blogs tienen fondo claro, he confeccionado 12 variaciones con otros tantos colores y formato gif para que los podais usar a discreción.

Pinchando en cada una, accedeis a la imagen original alojada en Photobucket.













Por si las flies, la manera de implantar este tipo de fondos es incorporando a la clase que controla el bloque de post (normalmente llamada de esta misma manera), el atributo BACKGROUND. Si ya lo teneis, sólo hay que cambiar la dirección de la imagen pre-existente, por la de la que se pretende poner nueva. Más o menos, tendreis algo parecido a esto...

.post {
margin:5px;
font-family: Arial, Comic;
background:url(http://img140.imageshack.us/img140/5438/blocazul1200x35xl2.gif) repeat-y left top;
}

...y la línea en negro es la que hay que añadir/modificar para que se quede como es debido. Importante colocar el REPEAT-Y y LEFT TOP. Seguramente, también tengais que modificar los pixels del PADDING para la izquierda y la derecha (cuarto y segundo número, respectivamente)

lunes, 16 de febrero de 2009

Etiquetando blogs

Etiquetas, labels, categorías, tags... Cualquiera de estas denominaciones, hace referencia a la misma herramienta de clasificación de las entradas de un blog.

Las etiquetas son esas palabras clave, que debeis incorporar a cada uno de vuestros post y que identifican -si se usan adecuadamente- el tema al que va referido.

¿Y por qué debeis usarlas?... Pues porque con ellas mejorais la navegabilidad de vuestro sitio. Con el uso de etiquetas, facilitareis a vuestros lectores el acceso al contenido que realmente les interesa, evitándoles dar vueltas por otras secciones que puede que provoquen su espantada en lugar de su interés por la web.

Supongamos que entro en un blog de modelismo y me interesa especialmente el tema de aviones. Si entro en ese blog y tras ver cuatro o cinco post, sólo encuentro artículos sobre soldaditos, es muy posible que me vaya a buscar a otro sitio la información que necesito. Y puede que el blog tenga interesantísimas entradas sobre aeromodelismo, pero no voy a leer todo el contenido para comprobar si es así. Mejor una lista de temas a modo de índice ¿no?


Una lista de categorías bien construida y bien visible al entrar al blog, debería servir como primer filtro para no "engañar" al lector. Con echar un vistazo, el visitante sabría si lo que busca puede estar en ese espacio o no. Si sois devotos de recibir visitas por el simple hecho de recibirlas, adelante, pero de nada sirve tener cien mil visitas que realmente no han leído ni uno solo de nuestros posts. Este tipo de visitas sólo consiguen distorsionar nuestras estadísticas y estas sirven para analizar si nuestro espacio va en el camino correcto o no.

Para la elección de etiquetas no hay fórmulas mágicas y sólo se tiene que usar un poco el sentido común. Se trata de encontrar una manera de archivar las cosas con cierto orden, de manera que cuando quiera algo, lo encuentre rápido. Pensad en cómo lo clasificaríais para vosotros mismos. Si publico entre otras cosas, chistes, usaré el tag HUMOR o CHISTES para catalogar ese tipo de entradas. Sin embargo, si mi blog es precisamente de humor, lo más adecuado será que utilice una forma de diferenciar unos de otros. Por ejemplo, usando las palabras GRAFICOS, VIDEOS, SONOROS, SIN PALABRAS... o incluso distinguiéndolos por su temática: ACTUALIDAD, PERSONAJES FAMOROS, CLASICOS... BOMBEROS, AMANTES, VERDES, ANIMALES,...

Tan malo es usar pocas etiquetas como usar un excesivo número de ellas. En el primero de los casos, no lograremos el objetivo de indicar todos los temas que toca el blog, volviendo al caso del lector que no tiene una referencia clara de lo que puede encontrar en nuestro espacio. En el segundo, tendremos una interminable lista en la cual será más fácil perderse que en el propio blog.

La mayoría de plataformas para blog, disponen de estas utilidades. En Blogger, las etiquetas se pueden añadir fácilmente desde el bloque Entradas en Elementos de página. También existe un gadget para crear una lista de Etiquetas.

Hay varios formatos con los que podeis mostrar vuestras categorías: lista sencilla, nube de tags, 3D, desplegable, imágenes... sólo se trata de decidir cual os gusta más.

Más info: