IT tips and FAQs 2013

Por fin se pueden editar las publicaciones de Facebook

2013-09-27T12:37:00.000+02:00

Como suele suceder, cada una de las redes sociales toma nota de las fortalezas de sus contrincantes y aplica las funcionalidades más destacadas a su interface.

La lástima es que todavía, de momento sólo se puede con las publicaciones de perfil y no con las de las páginas.

Cómo mencionar a alguien en un post de Blogger

2013-07-25T18:37:00.001+02:00

Hoy Google nos sorprende con una nueva funcionalidad de Blogger para interactuar con usuarios que tengan un perfil de Google+.

Como consideración previa, el perfil de Google+ debe estar asociado a la cuenta de Blogger.

Ahora mismo lo voy a probar con +Manuel Hervás Arribas . Me ha aparecido el desplegable correctamente (lamento si alguien se molesta por mostrar su avatar); he seleccionado con el cursor el usuario que quiero mencionar, he dado al tabulador y me ha aparecido el nombre de usuario en azul (de igual manera que cualquier otro hipervínculo) con al signo "+" delante.

El hecho de guardar el post como borrador no tiene ninguna implicación. Ni email, ni notificación, ni nada de nada.

Al publicarlo, la verdad es que esperaba haber recibido alguna notificación en el usuario mencionado pero, de momento, no ha sido así. No obstante parece ser que esto es lo que pretende Google.
Ahora voy a mencionar a la página +Un minuto de humor a ver que ocurre al publicar el post.

Pues, lamentablemente, de momento no ocurre nada.

Al menos, en el post público, cuando colocas el puntero del ratón sobre el usuario o página mencionados sí que sale su información de Google+. Pero cuidado, cuando el visitante haga clic sobre la mención, por omisión, se abrirá el correspondiente perfil en la misma página de nuestro blog. Para que se abra en una nueva página, habrá que editar el enlace.

Cómo eliminar la barra de navegación de Blogger

2013-07-25T14:00:00.000+02:00

Realmente vamos a ver cómo modificar el diseño u ocultarla que es lo que nos permite hacer la interface de Blogger sin tener que tocar el código de la plantilla.

Ir a Diseño.
En el widget "Barra de navegación" hacer clic en "editar".

En la ventana emergente que aparece podremos elegir el diseño de barra de navegación que más se adapte a nuestros gustos o seleccionamos "Desactivar" para que no aparezca.

Damos a "Guardar" y la ventana emergente se cerrará aplicando así los cambios a nuestro blog.

Utilizar otras fuentes o tipos de letra no estándar en Blooger

2013-07-15T21:43:00.000+02:00

De momento, me inclino por Google Fonts ya que es una muy buena opción mientras existan navegadores que no soporten @font-face o no tengamos un buen sitio dónde alojar las fuentes.

Dispone de un montón (ahora mismo 629 familias) de tipografías libres que puedes ir filtrando por familia, grosor del trazo, inclinación o ancho, hasta encontrar la que te guste.

@font-face todavía no es soportado por varios navegadores; dependiendo del navegador, las letras aparecerán de diferentes maneras.

Luego con una simple línea en tu plantilla, ya tendrás la fuente disponible.

La integración con @font-face está planificada (aunque no confirmada) para los navegadores Firefox 3.1 y Opera 10.

Para utilizar una fuente de Google Fonts hemos de seguir los siguientes pasos:
Por supuesto, lo primero que hacemos es elegir la fuente. Para ello podemos elegir visualmente la tipografía mediante una vista preliminar en el contexto de una palabra, de una frase, de un párrafo o a través una pequeña vista preliminar de cada una según la opción que pinchemos en el menú superior.

Para refinar la búsqueda, podemos elegir en el menú de la izquierda las características que ha de cumplir la fuente que buscamos: Categoría, grosor, inclinación y envergadura. El filtro utiliza el operador de comparación "Y" por lo que no tiene mucho sentido utilizar todos si no es para algo muy concreto.

La interface de Google Fonts nos permite hacer pruebas con el texto concreto que vamos a utilizar en la realidad y en el contexto lo más parecido a la misma mediante la navegación mediante los botones superiores tanto en la pantalla "Choose" como en la "Review" que podemos elegir en la parte inferior. Para tener en cuenta una fuente de cara a comparativa o elección, damos al botón "Add to Collection" que hay junto a la fuente.

Una vez decididos, damos al botón inferior derecho "Use". Veremos varias consideraciones útiles como que cada estilo de cada fuente penalizará la velocidad de carga a nuestros lectores por lo que es recomendable minimizar la selección de fuentes a lo imprescindible.

Introducimos el siguiente código que nos facilita Google Fonts en la última pantalla "Use" justo antes de la etiqueta </head>.

<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'/>

Para utilizarla, se hace simplemente con esta estructura:

font-family: 'Inconsolata', sans-serif;

Como la vamos a querer utilizar varias veces en el blog, es recomendable declarar el estilo en la zona CSS de la plantilla. Por ejemplo, si queremos que los encabezados de nivel <h1> la utilicen, modificamos el estilo de nuestra plantilla de esta manera
Por ejemplo, mi plantilla tenía esta definición para el título:

.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

Y a continuación he rodeado el código que quiero reemplazar con "/*" y "*/"; en otros sitios he visto que hablan de borrar las líneas de código pero yo, debido a mi experiencias personales, prefiero convertir el código a formato "comentario" por si algún día decido recuperarlo sin tener que andar restaurando copias de seguridad.
Finalmente y por supuesto, he añadido la línea "font-family: ‘ Inconsolata’, Arial, serif; font-weight: 40;" para indicar al navegador que se utilice preferiblemente la fuente "Inconsolata" con un tamaño de 40 pixeles.

.Header h1 {
/*font: $(header.font);*/
/*Tipografía del título*/
font-family: ‘ Inconsolata’, Arial, serif; font-weight: 40;
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

Ahora, según este ejemplo, todas las partes del blog que utilicen <h1> presentarán el texto con la fuente "Inconsolata" con una altura de 40.

Espero que se entienda y que sea útil.

Cómo eliminar el borde y las sombras de sólo las imágenes elegidas

2013-07-15T17:19:00.001+02:00

Si ya te has aburrido del borde y, sobretodo, las sombras que las plantillas básicas de Blogger ponen a las imágenes de tu blog puedes modificar la plantilla para conseguir fácilmente que no aparezcan en ningún post del blog.

Pasos a seguir

Ve hacia Vista General > Plantilla
Haz copia de seguridad de la plantilla
Pulsa "Editar HTML"
Busca "]]></b:skin>"
Añade el siguiente código justo encima de "]]></b:skin>"


.ss, .noborderdv img{
box-shadow: hnone !important;
padding: 0px !important;
border: 0px !important;
}

Ahora, cada vez que quieras que una imagen no muestre el borde, desde el editor html, busca la imagen; si la has incrustado utilizando el redactor de Blogger, probablemente encontrarás algo similar a esto:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s1600/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s320/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" width="226" /></a>

Si queremos que la imagen a la que representa este código no salga ni con borde ni con sombras, simplemete hemos de añadir al pincipio, entre "<a" y "href=", "class="noborderdv" dejando el código así.

<a class="noborderdv" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s1600/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s320/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" width="226" /></a>

¿Cómo ajustar todas las imágenes de un blog al mismo tamaño en Blogger?

2013-07-13T18:08:00.000+02:00

Lo primero de todo es, como siempre que se va a modificar algo, realizar una copia de seguridad de la plantilla siguiendo los pasos de este enlace.

Este TIP es una forma rápida de hacerlo y de que funcione. No obstante, en un post aparte, veremos como hacerlo más correctamente y cambiar más propiedades de las imágenes.

Ahora vamos a "Editar HTML" para modificar la plantilla.

Este ejemplo es concretamente para ajustar el ancho de todas las imágenes de los post a 500px. Para asegurarnos de que la imagen no se distorsiona debido a una posible declaración anterior de la etiqueta, añadimos que, por si acaso, vuelva a calcular el alto en función del ancho que le acabamos de especificar.

Al añadir "!important" estamos indicando que sobreescriba cualquier declaración anterior y es por esto por lo que este código ha al final de todos los estilos.

A continuación, vamos a la ventana de modificar plantilla en HTML (mas detalles aquí).
Justo delante de "]]></b:skin>" introducimos el siguiente código:

.post-body img {
width: 500px!important;
height: auto!important;
}

Para ajustar las imágenes a otro tamaño sólo has de cambiar "500" por el tamaño que desees.

¿Cómo quitar (o modificar) el borde y las sombras a todas las imágenes del blog en Blogger?

2013-07-13T17:13:00.001+02:00

Pasos a seguir

Ve hacia Vista General > Plantilla
Haz copia de seguridad de la plantilla
Pulsa "Editar HTML"
Busca "]]></b:skin>"
Añade el siguiente código justo encima de "]]></b:skin>"

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}

Si sólo quieres quitar las sombras elimina la línea

border: none !important;

del código anterior.

Pero si, ya de paso, por ejemplo quieres modificar el grosor de los bordes, en lugar de eliminarla reemplázala por la siguiente línea de código:

border: 3px !important;

Esto hará que los bordes de las imágenes se muestren con un grosor de 3 pixeles. Para poner otro grosor cambia el número 3 por el grosor que más te guste.

Nota: Este método es el más rápido pero no el más óptimo.

Desde:
http://www.techtrickhome.com/2013/01/remove-shadow-and-border-from-blogger.html#ixzz2YwwVNPOj

Cómo incluir fragmentos de código en Blogger con Highlighter

2013-07-13T17:11:00.001+02:00

Lo primero es recomendar hacer una copia de seguridad antes de continuar las instrucciones.
Nos vamos a "Editar HTML".
Busca en el código la siguiente cadena: "]]></b:skin"
Lo correcto es que lo inmediatamente anterior a esta cadena encontremos el símbolo "}"; pues bien, justo entre el símbolo "}" y el texto "]]></b:skin" hemos de introducir el siguiente código:

dp-highlighter  
{  
 font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;  
 font-size: 12px;  
 background-color: #E7E5DC;  
 width: 99%;  
 overflow: auto;  
 margin: 18px 0 18px 0 !important;  
 padding-top: 1px; /* adds a little border on top when controls are hidden */  
}  
  
/* clear styles */  
.dp-highlighter ol,  
.dp-highlighter ol li,  
.dp-highlighter ol li span  
{  
 margin: 0;  
 padding: 0;  
 border: none;  
}  
  
.dp-highlighter a,  
.dp-highlighter a:hover  
{  
 background: none;  
 border: none;  
 padding: 0;  
 margin: 0;  
}  
  
.dp-highlighter .bar  
{  
 padding-left: 45px;  
}  
  
.dp-highlighter.collapsed .bar,  
.dp-highlighter.nogutter .bar  
{  
 padding-left: 0px;  
}  
  
.dp-highlighter ol  
{  
 list-style: decimal; /* for ie */  
 background-color: #fff;  
 margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */  
 padding: 0px;  
 color: #5C5C5C;  
}  
  
.dp-highlighter.nogutter ol,  
.dp-highlighter.nogutter ol li  
{  
 list-style: none !important;  
 margin-left: 0px !important;  
}  
  
.dp-highlighter ol li,  
.dp-highlighter .columns div  
{  
 list-style: decimal-leading-zero; /* better look for others, override cascade from OL */  
 list-style-position: outside !important;  
 border-left: 3px solid #6CE26C;  
 background-color: #F8F8F8;  
 color: #5C5C5C;  
 padding: 0 3px 0 10px !important;  
 margin: 0 !important;  
 line-height: 14px;  
}  
  
.dp-highlighter.nogutter ol li,  
.dp-highlighter.nogutter .columns div  
{  
 border: 0;  
}  
  
.dp-highlighter .columns  
{  
 background-color: #F8F8F8;  
 color: gray;  
 overflow: hidden;  
 width: 100%;  
}  
  
.dp-highlighter .columns div  
{  
 padding-bottom: 5px;  
}  
  
.dp-highlighter ol li.alt  
{  
 background-color: #FFF;  
 color: inherit;  
}  
  
.dp-highlighter ol li span  
{  
 color: black;  
 background-color: inherit;  
}  
  
/* Adjust some properties when collapsed */  
  
.dp-highlighter.collapsed ol  
{  
 margin: 0px;  
}  
  
.dp-highlighter.collapsed ol li  
{  
 display: none;  
}  
  
/* Additional modifications when in print-view */  
  
.dp-highlighter.printing  
{  
 border: none;  
}  
  
.dp-highlighter.printing .tools  
{  
 display: none !important;  
}  
  
.dp-highlighter.printing li  
{  
 display: list-item !important;  
}  
  
/* Styles for the tools */  
  
.dp-highlighter .tools  
{  
 padding: 3px 8px 3px 10px;  
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;  
 color: silver;  
 background-color: #f8f8f8;  
 padding-bottom: 10px;  
 border-left: 3px solid #6CE26C;  
}  
  
.dp-highlighter.nogutter .tools  
{  
 border-left: 0;  
}  
  
.dp-highlighter.collapsed .tools  
{  
 border-bottom: 0;  
}  
  
.dp-highlighter .tools a  
{  
 font-size: 9px;  
 color: #a0a0a0;  
 background-color: inherit;  
 text-decoration: none;  
 margin-right: 10px;  
}  
  
.dp-highlighter .tools a:hover  
{  
 color: red;  
 background-color: inherit;  
 text-decoration: underline;  
}  
  
/* About dialog styles */  
  
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }  
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }  
.dp-about td { padding: 10px; vertical-align: top; }  
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }  
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }  
.dp-about .para { margin: 0 0 4px 0; }  
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }  
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }  
  
/* Language specific styles */  
  
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }  
.dp-highlighter .string { color: blue; background-color: inherit; }  
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }  
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

Ahora buscamos "</head>" y pegamos justo encima el siguiente código:

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>

<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'/>

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'/>

Buscamos "</body>" y pegamos justo encima el siguiente código:

Guardamos los cambios y ya podemos incluir fragmentos de código en nuestras entradas del post introduciendo el código siguiendo la siguiente estructura:

Aquí introduciremos las líneas de código

Desde: http://www.buzzbrainwave.com/2012/09/how-to-use-syntax-highlighter-in-blogger.html

¿Cómo modificar una plantilla de Blogger?

2013-07-11T16:22:00.000+02:00

Personalmente recomiendo que, antes de realizar la más mínima modificación en el diseño de nuestro blog, realices una copia de seguridad siguiendo los pasos de este enlace.
Una vez realizada la copia de seguridad, en la misma ventana en la que estamos, hacemos clic en el botón "editar HTML".

Aquí ya se nos mostrará el entorno que Blogger pone a nuestra disposición para editar la plantilla de nuestro blog. Puede que en primera instancia no se nos muestre la pequeña ventana de búsqueda. Para que aparezca hay que presionar Ctrl+F teniendo el cursor activo en cualquier parte del código.

La utilización de la opción de búsqueda en Blogger consiste simplemente en poner el texto a buscar en el recuadro y pulsar la tecla "Intro". Las coincidencias en el código se nos mostrarán resaltadas en amarillo y, cada vez que pulsemos "Intro" de nuevo, la vista en la pantalla avanzará hasta la siguiente coincidencia.

Una advertencia importante es que, si pulsamos "Intro" sin tener cuidado de que lo estamos pulsando con el cursor activo en el recuadro de texto, podemos sin querer añadir saltos de línea o incluso borrar parte de código si se nos había ocurrido seleccionar algo en el mismo.

Una vez realizados los cambios en la plantilla, para que se apliquen al blog públicamente, simplemente hay que pulsar el botón "Guardar plantilla".

¿Cómo hacer una copia de seguridad de la plantilla de Blogger con la nueva interface?

2013-07-10T15:32:00.000+02:00

a fecha julio de 2013

Debido a los continuos cambios en los productos de Google ya no se sabe a qué nos referimos cuando hablamos de la nueva interface; es por esto por lo que considero importante fechar la actualización de este tipo de entradas.
Cada vez que vayas a realizar una modificación en la plantilla es más que recomendable realizar previamente una copia de seguridad para tener una opción de "volver atrás". Tampoco es una garantía al ciento por ciento ya que alguna vez ocurre que al restaurar la plantilla, no volvemos exactamente al punto que esperábamos. Tampoco hay que alarmarse con esto último pero hay que tenerlo en cuenta.
Estas meditaciones, así como la restauración de la copia de seguridad de la plantilla, serán bjeto de otro post.
Ahora vamos al grano:

1

Desde la pantalla de "vista general" hacemos clic en el ítem "plantilla" del menú vertical de la izquierda.

2

Una vez en la página de plantilla, hay que dirigirse a la parte superior derecha donde encontrarás el botón de "Crear/reestablecer copia de seguridad".

3

Al pulsarlo aparecerá una ventana emergente de este tipo con las dos opciones anunciadas. Para el objetivo de este post, hay que hacer clic en el botón "descargar plantilla" y verificar que, efectivamente, tenemos en nuestra carpeta de descargas del explorador un fichero recién creado con la extensión ".xml".

4

Este fichero ocupa muy poco -apenas unos KB- y nos puede evi, como cualquier copia de seguridad, de más de un quebradero de cabeza. Consérvalo con cariño y, si lo estimas oportuno para tu organización, renómbralo.

La búsqueda simple de Gmail está fallando

2013-07-08T18:29:00.000+02:00

Mi absoluta confianza en la funcionalidad básica de cualquier producto de Google, que es la búsqueda, se ha tambaleado muy seriamente. y por ello, me permito ilustrar este post con uno de sus propios doodles (que, por cierto, esperaba haber encontrado en la Doodlería).

La búsqueda simple en el producto Gmail está fallando o no funcionando como esperaría que funcionara. Yo, al menos esperaría que funcionara como la de cualquier otro proveedor de webmail o la mayoría de clientes de correo electrónico.

No voy a molestarme en cuestiones técnicas ya que hablo de la función que hizo grande a Google y por la que millones de personas en el mundo han tenido en cuenta a este proveedor de búsquedas.

De tan simple que es el error, y debido a la cantidad de información que estamos acostumbrados a manejar, os propongo que en el cuadro de búsqueda de Gmail escribáis, por ejemplo, la palabra "oferta" (sin comillas ni nada más que la palabra) y repaséis los resultados obtenidos. En honor a la verdad, para conocer el número exacto de resultados, hay que navegar hasta el último.

Ahora, introducís la palabra "ofertas", que si no me equivoco corresponde con el plural de la anterior, y verificad el número de resultados. En el caso del ejemplo que os muestro, me basta con ver el primero de los resultados para preocuparme bastante. ¿No deberían haberme aparecido los resultados de Amazon.es también al hacer la búsqueda de la anterior manera? Si es así, admito mi error y que alguien me lo explique.

¿Te ocurre algo similar? ¿Has probado con más palabras? Yo sí.

¿Sorprendido o defraudado?

Ahora, que me convenzan de la fiabilidad en los resultados de su buscador. Tanto bombo a las contínuas "mejoras" de algoritmos y mira con lo que me encuentro.

De momento, ya he avisado a Google, pero como su respuesta automática es que reciben demasiadas incidencias, y muchos no tenemos tiempo de que nos notifiquen cuando resuelven esta, lo pongo en conocimiento de los usuarios que confíen en los resultados de los productos Google para que valoren el posible riesgo para su inversión que esto significa.

O algo va muy mal, o puede ser simplemente algo del estilo del incidente Roswell que conmemoran hoy con su Doddle.

(Perdón al posible lector por la estética del post pero desde que me desvalijaron no puedo hacer mucho más de lo que hago)

La locura de estar al día

2013-07-03T01:50:00.001+02:00

Hello World.

Llevo mucho tiempo siguiendo la evolución de las principales vías de transmisión a través de internet y lamento reconocer que no he llegado a nada que me atreva a llamar conclusión.

Lo que sí he podido hacer es valorar desde un punto de vista de necesidades personales la maraña de información que hay en la web.

Mi primera observación es que, a pesar de que don Google hace alarde de un algoritmo de búsqueda orientado a la pretensión de ofrecer resultados personalizados, no he conseguido sentirme identificado con ello. Conste que me considero googlero hasta la médula desde que nació.

Los resultados referentes a tecnología, por propia naturaleza, no pueden estar perfectamente actualizados pues los cambios son diarios. Con esta premisa y precaución comencé mi navegación encontrándome para mi sorpresa, artículos completamente obsoletos en los primeros resultados.

Parece ser que para salir en las primeras posiciones, tu página ha de tener mucha relevancia, término que google relaciona con la antigüedad de la página ya que, sin cierta antigüedad no tiene los parámetros que considera necesarios.

Esto, en temas tecnológicos es una aberración (IMHO) ya que, si un artículo es muy antiguo, mala cosa

He observado que en el propio desplegable de sugerencias de búsqueda, casi siempre te ofrece una alternativa a lo que estas buscando basada en sus estadísticas. Lo triste es que en más de la mitad de las búsquedas que he realizado, me ha ofrecido añadir al final el literal "2013". Lamentablemente lo he tenido que usar.

Es muy frustrante leer con confianza un artículo que google te da como relevante y darte cuenta al levarlo a la práctica de que lo que has leído estaba completamente desactualizado. Los ejemplos más claros son la nueva interfaz de Blogger y los constantes cambios de Facebook.

Más frustrante, y además irritante, son los consabidos video-tutoriales. O te tragas el video entero, o no puedes saber si te es útil, si está correcto o si está desactualizado.

Estos dos ámbitos son los que me han movido a llamar a este blog algo acabado en "2013"; voy a ver si la función del SEO se ha reducido a cuatro dígitos.

Mi objetivo era unificar en un mismo blog, el máximo número de opciones para comentar enlazando con las redes sociales. El resultado se puede ver en http://unminutodehumor.blogspot.com. El objetivo ha sido ponerme al día de todas las novedades y practicar funcionalidad es que echaba en falta en todos los blogs que sigo.

Todavía me falta perfeccionar la estética pero soy más partidario de comenzar por cubrir todas las funcionalidad es deseadas. De momento, me consta que se puede hacer mucho mejor pero no con más empeño.

Adicionalmente he tenido que trabajar con un Intel Core Duo y 2MB de RAM. No me puedo quejar ya que es el único ordenador que he conseguido que me prestaran a largo plazo. Debido a que todo mi material profesional (además del personal) me ha sido robado, me veo en la situación de comenzar desde bajo cero y apañarme con lo que había. Todo el desarrollo ha sido a través de herramientas on line (una locura pero muy útil para casos de "indigencia").

Intentaré hablar tanto de los aspectos técnicos como de "usabilidad" (¿todavía no hay palabra correspondiente en castellano?)

Agradeceré cualquier comentario y/o crítica constructivos así como nuevas ideas para poder seguir profundizando. De momento, con que alguien comente cualquier chorreada en http://unminutodehumor.blogspot.com (me ha parecido la mejor temática para un entorno beta) y comparta su experiencia en este blog, me doy con un canto en los dientes. Sería genial para poder perfeccionar mi peculiar visión de un usuario frente a un ordenador.

Ya veré sobre que más cosas escribo pero dudo que, debido a los permanentes cambios, me desvié mucho de la temática de como tener un blog los cost a pleno rendimiento.

También compartiré cosas curiosísimas y herramientas online fiables y actualizadas muy útiles para la creación y mantenimiento los cost de un blog.

Os espero.