[How to] Botonitos para agrandar la fuente

A pedido del público, del público de UnServidor, van los pasos para poner unos hermosos (?) botonitos que permitan agrandar y achicar la fuente del texto del post.

Un nuevo chiche para el blog

Hace muuuuucho tiempo Halle me decía que la letra del blog le parecía muy chica, a lo que yo repliqué "yo la veo bien", como buen programador me cagué en el usuario final.

Si le estuvieron prestando atención a mis posts habrán notado que primero había un "+ / -" y hace unos días dos hermosos iconitos al lado del título de cada post.

Como este cuatrimestre solo curso materias administrativas necesitaba despuntar el vicio y programé (gran esfuerzo el mio, son 15 lineas de código) unas funcioncitas para cambiar el tamaño de la letra del post. Así es, funcionan como parece que deben funcionar prueben, hagan click ahí arriba.

Si a alguno le interesa hacer esto en su blog me avisa en los comentarios y publico un post explicando como se hace, no es difícil, pero ocupa un poco de espacio (los más ansiosos busquen mi mail).

Ahora dicen que somos creativos

Así es abuela, unSer dice eso, y no solo lo dice, sino que además nos manda este dibujito para que lo demostremos:

No diga eso abuela, ¿cómo que es solo por interés? en todo caso reciprocidad, porque nosotros le dimos un premio primero.

Bueno, pero de entre todos los blogs no premiados eligió este, por algo será.

Est..

Per...

Es qu..

Aja...

Aja..
mjmm..

seep..

Aja...

Ok, basta, dejame hablar a mi, siempre me hacés lo mismo. Te dije que no tenías que consumir la mercadería.

Venía diciendo que nos dieron el premio (pronto en la vitrina) y que ahora tenemos que:

1. Publicar el reglamento y el logo del premio.
2. Enlazar al sitio que nos lo haya obsequiado.
3. Premiar a otros 15 que según nuestro criterio se lo merezcan.

1, Hecho, foto y reglamento.
2, Al principioestá el link, y si no quedó claro seleccione esto, o elija en la listita de la derecha.
3, esto se pone complicado...

No se me ocurre a quienes puedo premiar, sobre todo porque la mayoría ya lo recibieron. Así que lo voy a hacer libre, los primeros 14 comentadores que lo pidan se lo llevan, no vale llevarlo sin comentar, ni publicarlo sin cumplir el reglamento. La blog-policía va a estar dando vueltas (?).

El premio que queda va especialmente para Tibu, que anda llorando por los rincones de internet para que le den un premio a ella.

No me morí, todavía sigo por acá

Permiso, paso a limpiar un poquito, a sacar unas telas de araña que ya están tapando la visión, pasar un trapito por los estantes y eso.

Primero quiero agradecerle un montonazo a Halle y a mi vieja (en estricto orden alfabético) por el premio blog de oro, prometo que en unos días escribiré un post alegórico con la correspondiente entrega de premios e inauguración de la vitrina (voy a tener que comprar un plumero).

Y segundo explicar el porque de esta ausencia, que fue matizada con post programados (que se terminaron con el de iMagic OS) y algunas apariciones especiales.

Hace un tiempo les comenté que me tomaba unas anti-vacaciones porque tenía que estudiar para varios exámenes, y me iba a quedar encerrado en lugar de irme a pasear, el último de estos exámenes lo rendí hace dos semanas.

Como era de esperarse, después de darle tan duro a los libros, aprobé todos los benditos examenes que rendí (me quedó uno para las vacaciones de invierno) y logré pasar una materia que ya venía cursando hace mucho y reprobando con total éxito siempre, de hecho, una de las desaprobaciones motivó el inicio de este engendro internético.

Yo pensé que al terminar de rendir se acababan mis problemas de tiempo y que iba a volver a darle bola a la internes, pero no.

El sábado 7 fui a unas charlas en el C.C. Borges durante todo el día y a la noche al cumple de Dani, el domingo fue el cumpleaños de una (la única) compañera de trabajo, y allí fui, como zombie.

Un compañero de laburo viajó a Perú a dar un curso y estando allá le surgieron varios problemas con las prácticas y nos quedamos varios días hasta muy tarde en la oficina (y fuera de ella) tratando de ayudarlo, por suerte salió todo bien y me prometió una botella de pisco, la semana que viene les cuento que onda ;-)

Después la facultad y cursadas hasta tarde, muy tarde a veces.

Y por último, este finde lo dediqué, nuevamente, a hacer un poco de sociales.

Todo eso en conjunto hizo que apenas leyera los mails.

Voy a aprovechar el feriado del martes para ponerme al día con los blogs y hacer la entrega de premios correspondiente.

Ahh, preparense para votar porque estoy planeando no una, sino dos encuestas.

Antes de volver a la desconexión les recuerdo que este sábado se hace la gran rayuela multitudinaria en la 9 de julio, si están por la capital y les da pasensé por ahí, voy a andar sacando fotos con un libraco de Cortazar bajo el brazo.

Anti vacaciones

Cuando la gente se toma vacaciones se va a la playa, o a las montañas, o a cualquier lado. Este verano me toca quedarme en casa y estudiando.

Mis vacaciones laborales empiezan junto con febrero, pero como los exámenes también son por esas fechas mis vacaciones internéticas van a comenzar antes, para poder estudiar un poco más, y como los finales siguen después del 15 de febrero las vacaciones de internet van a seguir unos días más.

Es por eso que desde ahora este blog va a estar semi-cerrado y probablemente no pase por ningún blog durante estas fechas (salvo por freedonians, donde desvirtuaré periódicamente solo para que guty no se me aleje demasiado). Hay algunos posts preparados y tal vez escriba algo algún día, pero en principio desde hoy, y hasta el 20 de febrero, voy a desaparecerme.

Si por alguna razón necesitan algo pueden mandarme un mail, que los sigo leyendo o, si de casualidad me encuentran on-line, hablarme por msn/gtalk. Salvo mi vieja, mi hermano y un par más que conocen otras maneras de contactarme ;)

Pelea de hermanos

Con mi hermano siempre nos peleamos, obvio somos hermanos, hoy le gané una pelea unilateral, porque yo solo la inicié y competí por los dos :P

Siguiendo un link de José Cuervo consulté cuanto vale mi blog y cuanto el de David, el resultado es que mi abuela y yo somos 400 dolares más caros.

Igualmente, entre los dos no le llegamos ni a los talones a Halle, y mucho menos a Guty.

In your face, David, in your face.

Al final le puse plics

Lo agarré a gugl y le dije dame plata, quiero la guita ahora y el me dijo, pará loco, antes completame todos estos formularios, respondeme este mail y bancate una semanita para ver si te doy o no te doy nada.

Y aquí estoy, esperando a que me aprueben la solicitud para que le pongan plics a mi blog, por ahora están medio escondidos, ahí por el costado y entre los posts.

Vamos a ver que sale, si me pudren los vuelo a la merde.

No les puedo decir que hagan click ahí porque está en contra del contrato, así que NO hagan click en los plics ;)

Pliquear o no pliquear

... esa es la cuestión.

Estaba viendo los datos de analytics, que no revisaba desde hace un montón, y veo que la cantidad de visitas a crecido muchísimo, pasando de las 2 ó 3 diarias en agosto a mantenernos en arriba de 10 (en promedio) durante octubre, inclusive google me empezó a querer más y mandarme gente a través de las búsquedas, llegaron 150 personas desde la última vez que me fijé.

Eso me puso muy contento, teniendo en cuenta que pensé el blog como un lugar para escribir boludeces y que se rían los familiares y de golpe encontrarme con visitas de Japón, sí Japón, no sé que carajo habrán entendido, pero 3 japoneses aterrizaron por estos pagos.

La cuestión es que ver eso me hizo pensar, sucede pocas veces, pero sucede, ¿le pongo plics a esta cosa? y como no me decido, me decidí :P por poner una encuesta y que decidan los, en promedio, 10 visitantes diarios que tenemos por acá.

Con esto queda oficialmente inaugurada la primera encuesta del blog, ahora te toca a vos.

dejá de jugar con el blog - 2da parte

Finalmente me decidí y puse la segunda columna en el blog, también le saqué el borde al header.

Y como lo prometido es deuda dejo unas mini instrucciones de como hacer para agregar la segunda columna.

En la parte de diseño Ir a la "Edición de HTML".

En el código buscar el fragmento que dice algo así:

#sidebar-wrapper {
  margin-left: 5%;
  width: 20%;
  float: right;
  word-wrap: break-word;
  }

Entre las llaves puede haber diferentes cosas de acuerdo al template que tengamos. Eso es lo que maneja el estilo de la barra, dice como se ve.

Hay que copiar ese fragmento desde el # hasta la } y pegarlo abajo.
Para poder diferenciarlos hay que cambiarle el nombre (lo que está después del #) yo le puse leftsidebar-wrapper.

Dentro del estilo hay que indicar de que lado queremos que aparezca la barra, esto se hace dándole un valor al atributo float, los valores posibles son "left" y "right". Si le dejamos el mismo valor a las dos quedan juntas del mismo lado.

#leftsidebar-wrapper {
  width: 20%;
  margin-right: 5%;
  float: left;
  word-wrap: break-word;
  } 

Ahora que ya tenemos el estilo para la columna hay que crearla, para eso hay que copiar la que ya tenemos y cambiarle el estilo para que use el nuevo. Para eso buscamos algo como esto:

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='BlogArchive1' type='BlogArchive'/>
          <b:widget id='BlogList1' type='BlogList'/>
        </b:section>
      </div>

Lo copiamos y pegamos abajo, modificamos los dos id de acuerdo al nombre que le pusimos al nuevo estilo y borramos los widgets:

      <div id='leftsidebar-wrapper'>
        <b:section class='sidebar' id='leftsidebar' preferred='yes'>

        </b:section>
      </div>

Listo ya tenemos dos sidebars... peeeeero si vamos a la vista previa segurísimo que se ve horrible, con una de las barras abajo de todo el texto, para solucionar esto hay que jugar con los anchos de las barras y de el panel central, esto se hace modificando el valor del width en los estilos de las 2 barras y del main-wrapper, el valor se expresa en porcentaje, yo le puse 20% a cada sidebar y 50% al principal, el 10% restante lo usé como margen (margin-left, margin-right).

Ahora sí, después de hacer varias pruebas y cometer varios errores van a quedar las 3 columnas bonitas.

Al final quedó más largo de lo que yo esperaba...

P.S.: La columna aparece en la parte de "Elementos de la página" así que se pueden agregar widgets desde ahí y también arrastrar los que ya tenemos de una columna a la otra.

How to: plural y singular en la cantidad de comentarios

 A pedido de mi hermano va este improvisado how to.

Lo que le molesta a David, y a mi también, es que en blogger ponga un texto en plural al lado de la cantidad de comentarios aunque haya un solo comment.

La manera rápida en la que pude solucionar esto es modificando la plantilla, en una sección dice algo como esto:

<b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
</b:if>

Eso dice que si hay un comentario muestra un texto y si no muestra otro, pero la realidad es que, o bien los dos textos son iguales o yo no los supe configurar. Como no lo pude configurar lo modifiqué para que haga lo que yo quiero :D Para eso simplemente reemplacé "" por el texto a mostrar cuando hay un solo comentario y "" por el texto para cuando hay varios comentarios y listo.

Dependiendo del layout esto puede cambiar pero seguro que es muy parecido a eso.

El fragmento de código puede estar 2 veces, una vez para la página principal y otra para el post, en ese caso hay que modificar los dos.

Seguro hay una manera más elegante de hacerlo, pero son las 2 de la mañana.

Dejá de jugar con el blog nene

Se me dio por retocar un poco el layout del blog:

• Hace un par de semanas le cambié un poco los colores
• Ayer le saqué uno de los bordes al header
• Hoy ensanché un poco el cuerpo principal (lo que me obligó a revisar todos los posts con imágenes porque se descompaginaron)
• Proximamente voy a agregarle una columna más, pero todavía no estoy seguro de si a la izquierda, con el texto entre dos columnas, o a la derecha.
• Los posts con listas siempre te salvan :D