el BLOG de manuti

En nationmaster hay todo un mundo de datos, si miramos los de España vemos que son muy completos y bastante certeros, de los mil y un ranking que tienen los españoles somos primeros en:

• Exportar almendras y mandarinas a los americanos


• En robos


• En trasplantes


• En empleo temporal

Qué bien.

Un sitio imprescindible de verdad, a la hora de seguir con esto del blog de una forma más seria, es tierra de nómadas y en concreto su tallerWeb dentro de este apartado podemos encontrar todo este contenido:

• Gestión de contenidos desde cero


• Principios básicos de CSS


• Introducción al DOM


• Dinámicos, pero amables


• Malas costumbres


• Maquetación CSS


• Creando parches


• Migración a XHTML

Además de está de más echarle un vistazo a su «Acerca de», y al diccionario.
P.S.:Se me olvidaba, voy a estar unos días en dique seco.

Después de quedar muy impresionado con la beca y las historias de ese prodigio español en Japón que es Kirai.net, descubro a otra eminencia española, se trata de Borja Sotomayor en BorjaNet que está estudiando en la universidad de Chicago. Su blog es muy extenso, pero a modo de resumen el mismo se ha encargado de hacer un post con lo mejor.

Después de explicar como justificar el texto con CSS, van y me desacreditan por partida doble en Microsiervos y originalmente en Antipixel.
Yo creo que no queda tan mal.

El tambor para marcar el ritmo de trabajo, y el látigo para azuzar al que no lo siga.

Me estoy preguntando si merece la pena pagar alrededor de 3 euros o dólares, por tener un sitio en que escribir, incluso me pregunto si merece la pena escribir algo gratis.


Red paint by Belen de morguefile-

amanda preguntaba, como podía justificar el texto de su blog, nada más fácil o difícil. Hay que tener una hoja de estilos propia, para los blogs de ya.com habrá que hacer lo que expliqué ayer, en otros casos, será similar, aunque espero que sea más fácil. Luego hay que definir la propiedad para el tipo de bloque de texto en concreto que queramos justificar, en los blogs de ya.com sería más o menos así:

...
...
.content {
margin: 0 0 0 210px;
margin-top: 10px;
border: 1px solid #d6d6d6;
font-size: 11px;
line-height: 15px;
color: #404040;
background: white;
text-align: justify;
}
...
...

Lo que está en rojo es lo que hay que añadir, lo demás debrería estar más o menos parecido, dependiendo de la plantilla que usemos.
Otro comentario ascendido al rango de post.

Una nueva estrella se adivina en el horizonte, Kirai.net después de aparecer en Barrapunto, (el artículo de Kirai en Barrapunto), llegó a superar al incomparable Diego y su minid.net en Nedstat.
El mismo lo titula un geek en Japón. Las fotos de los sitios de Japón son increibles, me ha gustado mucho el Parque Zen.

Para hacer los mini banners como el del correo

y todos los banner de pequeño tamaño estoy usando las fuentes de tipo pixel de Carl Henderson, a mi me ha resultado especialmente útil la Cubic Five. Son gratuitas y están listas para descargar en su web.

Vayamos punto por punto:

1. Hay que extraer la hoja de estilos CSS e ingeniárselas para extraer las imágenes asociadas a la hoja de estilo, yo uso HTTrack, que es gratis y GPL, y una vez instalado se puede configurar en español, nos permite hacer copias de sitios web al completo, es importante leer un poco la ayuda y controlar las opciones, sino podemos acabar copiando toda la red, y creo que no va a caber en el disco duro.


2. Luego hay que editarla y modificar la plantilla XHTML en «Configuración avanzada» para que enlace a nuestra hoja de estilos personal.


3. Además de subir el archivo CSS, bastará retocar o cambiar las imágenes que extrajimos con HTTrack y subirlas con el «Administrador de ficheros» de blogs.ya.com.

Si no os aclaráis con HTTrack, y solo queréis cambiar la imagen del encabezado, esta estará indicada en la siguiente línea del archivo CSS de vuestro blog:

...
.header {
height: 80px;
background: url(blog5_img1.jpg);
z-index: +1;
}
...

Se trata de una imagen de 780x80 píxeles, estas medidas es recomendable respetarlas para evitar deformar el blog, la subís con el «Administrador de ficheros» y en el archivo CSS cambiáis el nombre y la ruta adecuadamente. Como remate final recomiendo poner un enlace en la cabecera, u ocultar el nombre del blog para incluirlo todo en la imagen.

El amigo Txarly ha dado el salto mortal sin red, se ha pasado de un blog gratis, con sistema básico de blogger, a un superblog con dirección propia que se llama micrographic, el mismo lo cuenta en este post: «micrograph es micrographic»
El blog está montado con WordPress y aunque no se donde lo tiene alojado, ni cuanto le cuesta, ni que le ofrecen, promete contarlo si se lo piden.

Está como comentario dentro del post: Voy a despacharme y así me quedo a gusto., pero lo saco aquí para que esté más a la vista:

Comentario:
Hola Manuti:

Este mensaje es para tí y para todos los que pareceis compartir su descontento.

Desde Ya.com vamos a intentar aclarar tus dudas:

Respecto al pago:

1 - cuando termine el año que he pagado, vuelven a poner la publicidad y me borran todo lo que pase de los megas gratuitos, o me los dejan ¿no lo sé?

Antes de finalizar el año que has contratado te enviaremos tres emails de aviso de caducidad, un mes antes, dos semanas antes y una semana antes para que en ese periodo renueves el contrato si quieres. Si no lo haces, entendemos que no estás interesado y efectivamente volvemos a poner la publicidad y reducimos el tamaño de tu espacio. Creemos que con los tres avisos es suficiente.

2 - cuando termine el año que he pagado, si vuelvo a pagar me vuelven a ampliar el espacio, o solo me dan derecho a seguir usando el que tenía durante 1 año más.

Si renuevas al finalizar el año, renuevas lo que has contratado pero no se añade más espacio al ya contratado. Si contratas un servicio por un año al acabar el periodo se finaliza el contrato. Si renuevas vuelves a firmar el mismo contrato con las mismas características.

Respecto a la crítica pura y dura:

1 -Las plantillas de blogs ya.com son muy feas, feísimas, además tienen un aspecto más o menos personal, como si las hubiera hecho alguien a su gusto (mal gusto, pero a su gusto), con sus fonditos e historias, cuando creo que debería haberse ido a algo más simple y abstracto como pasa con las plantillas de blogger, de manera que no identifiques tanto la plantilla cuando la vuelves a ver.

Creo que no puedes generalizar porque hay plantillas para todos los gustos, más sencillas y más elaboradas. En cualquier caso te digo que son las primeras que hicimos y que vamos a hacer más así que anotamos tu sugerencia. Y además tenéis la opción de modificarla para personalizarla y hacerla más a vuestro gusto.

2 - La forma de editar la plantilla es pésima, no puedes obligar a la gente a aprender CSS y XHTML del tirón, debe haber un punto intermedio que te permita personalizar la plantilla un poco más, pero sin tener que hacerte un hacker. Para conseguir que la plantilla valide cuando haces un cambio hay que rezar, pero muchas veces la cosa valida pero se ve como el culo, no podrían poner alguna opción para guardar una copia intermedia y poder hacer pruebas con más comodidad. Es que lo de reiniciar la plantilla es un poco radical y agresivo.

Nuestra intención es ofrecer una herramienta de creación y publicación de blogs muy sencilla para que todo el mundo pueda tener un blog sin necesidad de tener conocimientos técnicos. Una vez entendido esto ponemos una sección de Configuración avanzada para que cualquiera que lo desee y sepa como hacerlo pueda personalizar su blog. Desde luego no es nuestra intención que nadie aprenda CSS y XHTML (puedes tener tu blog saltándote por completo la configuración avanzada) pero si sabes, puedes hacer uso de tus conocimientos y cambiar la plantilla. Además hay una sección de ayuda donde se explica claramente lo que debes hacer para modificarla. También tienes un foro donde consultar las dudas y una cuenta de correo blogs@ya.com que se contesta cada día a través de la que ayudamos a todos los usuarios con problemas.

Respecto a lo que dices de la validación aquí desde luego no puedo estar de acuerdo contigo porque en este caso esa validación os ayuda a no "meter la pata". Esa función te permite ver donde estás cometiendo errores y poder corregirlos. A lo mejor a tí no te ayuda pero a otra gente sí. Es muy útil para los usuarios no avanzados que quieren modificar su plantilla.

3 - Por otra parte te cuentan la milonga de que la plantilla es XHTML y luego, en la parte de código que ellos incluyen automáticamente, en concreto en las etiquetas META, usan mayúsculas. Esto es una de las primeras cosas que prohibe el XHTML, entonces la plantilla que es HTML, XHTML, KKSMSTL, ??TML.

¿Milonga? En fin... A esto te digo que es totalmente irrelevante el uso de las mayúsculas a efectos de la comprobación de la validez sintática del documento XML.

4 - También se echa de menos un organizador por temas, así mejora mucho la localización de contenidos, que la gente llega aquí con los buscadores y no sabe donde mirar, por que lo de archivar sólo por meses se queda un poco corto.

Esto lo tenemos pensado hace tiempo, incluso antes de sacar esta versión y está previsto que lo implementaremos en futuras versiones. En una primera versión, simplemente, no puedes incluir todas las funcionalidades que quisieras. Es al forma correcta de trabajar a la hora de desarrollar proyectos.

5 - Luego está la historia de los más leídos, los más leídos por quién, por cuándo, por dónde,... No podrían llamarlos «Hoy recomendamos», o algo así.

Los más leídos por las máquinas. La lista de los blogs más leídos se actualiza una vez al día teniendo en cuenta el tráfico de los blogs del día anterior. Se hace de manera automatizada. El sistema a través de nuestros datos estadísticos de tráfico sitúa en la lista de los más leídos a los que más tráfico han tenido el día previo. Así de simple.

Acabaré diciendo que esta es una primera versión de nuestro servicio de blogs que pensamos mejorar en nuevas futuras versiones. También recordaros que estamos hablando de un servicio gratuito.

Os invito a que si tenéis críticas que hacer lo hagáis a través del foro de Blogs dispuesto a tal efecto o a través de la cuenta de correo blogs@ya.com. Será mucho más fácil para nosotros poder atender vuestras consultas personalmente y poder llegar a ellas. Si hacéis comentarios en vuestros propios blogs puede que no lleguemos a verlas y de poco servirán ¿no? Si realmente una crítica pretende ser constructiva debe llegar al interesado para poder solucionarla.

Tengo que decir que siempre tenemos en consideración vuestras sugerencias, no sólo en el caso de los Blogs sino de cualquier otro servicio de Ya.com y estamos dispuestos a escuchar vuestras críticas para mejorar. Lógicamente no nos gustan los comentarios gratuitos y en mal tono. A este lado hay gente que trabaja muy duro para que estos servicios gratuitos funcionen correctamente en todo momento.

Gracias a todos y un saludo.

Arantxa Vázquez
Responsable de Blogs Ya.com

He subido un zip con mi plantilla.
Están las hojas de estilo, la normal y la de impresión, lás imágens que inserto mediante plantilla, y las que inserto mediante la hoja de estilo.

Estaré 1 semana en paradero desconocido.


Imagen de morguefile.com

Primero que conste que he pagado, aunque luego he empezado a hacerme ciertas preguntas que debería haberme hecho antes de pagar:

1. cuando termine el año que he pagado, vuelven a poner la publicidad y me borran todo lo que pase de los megas gratuitos, o me los dejan ¿no lo sé?


2. cuando termine el año que he pagado, si vuelvo a pagar me vuelven a ampliar el espacio, o solo me dan derecho a seguir usando el que tenía durante 1 año más.

Ahora viene la crítica pura y dura:

1. Las plantillas de blogs ya.com son muy feas, feísimas, además tienen un aspecto más o menos personal, como si las hubiera hecho alguien a su gusto (mal gusto, pero a su gusto), con sus fonditos e historias, cuando creo que debería haberse ido a algo más simple y abstracto como pasa con las plantillas de blogger, de manera que no identifiques tanto la plantilla cuando la vuelves a ver.


2. La forma de editar la plantilla es pésima, no puedes obligar a la gente a aprender CSS y XHTML del tirón, debe haber un punto intermedio que te permita personalizar la plantilla un poco más, pero sin tener que hacerte un hacker.
   Para conseguir que la plantilla valide cuando haces un cambio hay que rezar, pero muchas veces la cosa valida pero se ve como el culo, no podrían poner alguna opción para guardar una copia intermedia y poder hacer pruebas con más comodidad. Es que lo de reiniciar la plantilla es un poco radical y agresivo.


3. Por otra parte te cuentan la milonga de que la plantilla es XHTML y luego, en la parte de código que ellos incluyen automáticamente, en concreto en las etiquetas META, usan mayúsculas. Esto es una de las primeras cosas que prohibe el XHTML, entonces la plantilla que es HTML, XHTML, KKSMSTL, ??TML.


4. También se echa de menos un organizador por temas, así mejora mucho la localización de contenidos, que la gente llega aquí con los buscadores y no sabe donde mirar, por que lo de archivar sólo por meses se queda un poco corto.


5. Luego está la historia de los más leídos, los más leídos por quién, por cuándo, por dónde,... No podrían llamarlos «Hoy recomendamos», o algo así.

Llevo varios días pensando lo que iba a postear y al final se me ha pasado parte del cabreo y de las ideas, que conste que no lo hago por que me hayan tratado mal, me metieron en la portada de ya.com, he estado entre los más leídos, y me solucionaron los problemas con la plantilla por ser un manazas.
Lo dicho estoy descontento y frustrado, pero seguiremos luchando.

La caja de Bilo y Nano, tienen un estructura completa de este tipo:

<div class="colsection">
<div class="sectiontitle">
  <h5>Bilo y Nano</h5>
</div>
  <br/>
   <a target="_blank" href="http://tira.escomposlinux.org/">
    <img alt="Bilo y Nano" src="http://tira.escomposlinux.org/icono-mini.png" border="0"/>
   </a>
  <br/>
</div>

Contiene una división de tipo colsection, que es la caja en sí y una división de tipo sectiontitle con el título de esa caja, a continuación del cierre de esa división del título insertamos el contenido que nos interese, en mi caso una imagen con enlace. Recordad que la caja es estrecha, como toda la columna.


Si dentro de una misma caja queréis poner varios títulos, como el que uso para mi correo electrónico y para la zona bajo sindicación, hay que repetir la división de tipo sectiontitle, quedando algo así:

<div class="colsection">
<div class="sectiontitle">
  <h5>Bilo y Nano</h5>
</div>
  <br/>
   <a target="_blank" href="http://tira.escomposlinux.org/">
    <img alt="Bilo y Nano" src="http://tira.escomposlinux.org/icono-mini.png" border="0"/>
   </a>
<div class="sectiontitle">
  <h5>Más Bilo y Nano</h5>
</div>
   <a target="_blank" href="http://tira.escomposlinux.org/">Más Bilo y Nano</a>
   <br/>
   <br/>
</div>

En everQuest design, venden unas mochilas, más bien bolsas o morrales, para portátiles. Lo mejor es que está fabricadas con materiales reciclados de las misiones Soyuz, e incluyen su certificado de autenticidad. Son la bomba, que pena que sean tan caras y yo tan pobre.

Recomiendo mirar la guía básica de XHTML que hay en Maestros del Web, se llama Primeros pasos hacia XHTML, y contiene un apartado denominado LAS 5 REGLAS que es imprescindible, las copio aquí:

1. Si no lo cierras, no sirve
   En XHTML no puede haber elementos sin cierre. Un <p> debe cerrarse con un </p>, un <li> debe cerrarse con un </li>, y así; todos los elementos.
   Aquellos que son independientes como <br>, <hr> y los <input>, deben cerrarse a si mismos de esta forma: <br />, <hr /> y <input />


2. Anida de forma lógica
   Los elementos en un documento XHTML deben cerrarse en el orden inverso que fueron abiertos.
   De tal forma que <div><p><strong> debe cerrarse en el orden </strong></p></div>. No puedes saltarte un cierre, eso convertiría tu documento en "Mal Formado", y fallaría su validación.


3. No uses mayúsculas
   Tanto los nombres de las etiquetas como los nombres de los atributos deben escribirse en minúsculas.
   Esto quiere decir que la siguiente etiqueta: <DIV CLASS="EncabezadoPrincipal"> es incorrecta, su forma correcta sería: <div class="EncabezadoPrincipal">, nota que el valor del atributo si puede tener mayúsculas, la regla se aplica para los nombres de las etiquetas y atributos, no para los valores o contenido de los mismos.


4. Usa las comillas
   Todos los atributos de cualquier etiqueta deben encerrarse entre comillas.
   La forma correcta de asignar valores a los atributos de una etiqueta es la siguiente: <img src="mi_imagen.gif" height="50" width="150" alt="Mi Foto"/>.


5. No lo uses para diseñar
   Piensa en XHTML como el medio para organizar y estructurar tu documento, no como un medio para darle formato. Olvidate de los <font>, los <... background>, <...align>, etcétera. Más adelante veremos como los estándares nos dan una herramienta para cada cosa, y las hojas de estilo se presentan como una excelente forma de dar color y vida a un documento XHTML.

Yo añadiría una regla nº6, las imágenes se cirerran, o sea, que el código fuente para añadir una imagen será algo así:

<img border="0" src="imagen.gif" />

Y una nº7, no incluyais símbolos raros, sobre todo &, ? y cosas así de los contadores y los servicios de estadísticas, sin meterlos entre <div> y </div>.

Para una verión más completa visitad:
Primeros pasos hacia XHTML en Maestros del Web. Por si algún despistado aún no lo tiene claro, la plantilla de blogs de ya.com, no es HTML, sino XHTML.

Parece ser que queda un poco lioso, pero nadie dijo que esto fuera a ser fácil.

Creamos un dibujo o imagen de 32x32 pixeles, la pasamos a 256 colores, la guardamos como «Archivo tipo bmp», ahora lo renombramos a favicon.ico. La subimos con el administrador de ficheros y añadimos esta línea dentro del encabezado de la plantilla, o sea, entre <head> y </head>:

<link rel="shortcut icon" href="http://blogs.ya.com/MIBLOG/files/favicon.ico" />

Los pasos son relativamente equivalentes en cualquier otro blog, o página web, no solo para los blogs de ya.com.

Después de Hay frases que te animan el día (1), llega ...
Hay frases que te animan el día (2):

Si cuando acaba el día no has hecho un nuevo enemigo, no habrás hecho lo que querías.

Todo comenzó cuando EConde decidió poner como encabezado una imagen con el nombre del blog, por lo cual el texto con ese mismo nombre le sobraba, fué la época en que era el segundo blog más leido de blogs.ya.com, pero no tenía nombre, solo ponía un punto. Como siempre yo no busqué la solución, me la encontré. Estaba en Wellstyled, allí explican como colocar imágenes con CSS donde hay texto en HTML, y luego ocultar el texto. Econde lo ha usado para el título del blog, y yo para la explicación que hay debajo. Los pasos necesarios, suponiendo que hayas hecho los cambios para tener una hoja de estilos propia y editable, está explicado en el blog de trucos y en este post mio, son éstos:

Para ocultar el texto del encabezado, el caso de EConde

1. en la hoja de estilos hay que añadir:
   

   .header span {
display:none
}



2. en la plantila hay que añadir:
   

   <span class="header">
<blog:titulo/>
</span>

Para ocultar el texto de la explicación, mi caso:

1. en la hoja de estilos hay que añadir (lo mismo):
   

   .header span{
display:none
}



2. en la plantila hay que añadir:
   

   <span class="explain">
<blog:descripcion/>
</span>

Con esto ya tenéis deberes para el fin de semana.