Cómo mencionar a alguien en un post de Blogger

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

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

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.

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

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?

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?

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>"

.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

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

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:

¿Cómo modificar una plantilla de Blogger?

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.

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

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.

La búsqueda simple de Gmail está fallando

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.

La locura de estar al día

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.