Google ha anunciado que a partir de ahora, comenzará a redirigir los blogs alojados en Blogger a dominios específicos del país así que si un blog cuya URL era:

http://nombre_blog.blogspot.com

podrá verse como:

http://nombre_blog.blogspot.com.au

http://nombre_blog.blogspot.com.es

http://nombre_blog.blogspot.com.pk

dependiendo de si es que está en Australia, España o Pakistán.

Aunque en este momento, eso sólo parece afectar a los blogs de la India, la página de Google explica que dichos cambios son paulatinos e irán siendo aplicados a lo largo de los próximos meses aunque no especifica si eso será válido par todos o se limitará a ciertos países.

Según al empresa, este cambio se realiza para evitar los intentos de censura clara o más o menos velada que están imponiendo algunos gobiernos en las legislaciones respectivas. De este modo, ante cualquier reclamo que implique la obligación de eliminar un sitio, eso sólo afectaría a la “copia” local y el blog continuaría accesible bajo el dominio genérico de Blogger y por lo tanto, seguiría siendo accesible para el resto de los usuarios.

¿Esto a afectará a los buscadores, la indexación y los sitios podrían ser penalizados por contenido duplicado?

La pregunta se la hacen ellos pero a mi entender, no lo responden de modo satisfactorio, hablan de “esforzarse” en minimizar los efectos de ese cambio y que esto afecte el posicionamiento de los sitios. De hecho, sugieren que se establezca el dominio con la etiqueta META canonical, es decir, si el dominio pasa a ser local, esta, debería cambiarse para apuntar a ese dominio local.

¿Por qué? Porque todo blog tendrá dos direcciones URL en lugar de una. Esto, además, podría traer problemas si el sitio está asociado a redes sociales o servicios externos ¿Qué pasará con los feeds? No tengo idea; habrá que ver y estar atentos.

Como regla general, han decidido que el agregado de ncr al final de la URL redirija siempre a los servidores de USA

http://nombre_blog.blogspot.com/ncr

Una forma muy simple de usar la librería jQuery para generar un caja flotante que se desplaza a medida que hacemos scroll sobre la página.

El HTML conviene ponerlo antes de </body> porque lo vamos a posicionar de manera absoluta así que debe estar fuera de cualquier otro contenedor que tenga la propiedad position:relative y dentro de ese DIV agregaremos cualquier cosa, en este caso, enlaces con íconos:

<div id="caja_flotante">
  <div id="cont_caja_flotante">
    <a href="#"><img src="URL_IMAGEN_1" /></a>
    <a href="#"><img src="URL_IMAGEN_2" /></a>
    <a href="#"><img src="URL_IMAGEN_3" /></a>
  </div>
</div>

Y las reglas de estilo que ponemos antes de &/head>:

<style>
#caja_flotante{
  left: 0; /* o le damos un valor para separarlo del borde izquierdo de la ventana */
  position: absolute;
  top: 0;  /* o le damos un valor para separarlo del borde superior de la ventana */
  width: ANCHOpx; /* definimos su ancho */
  /* cualquier otra propiedad gráfica como background, border, etc */
}
</style>

Y por debajo de eso, el script:

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  var posicion = $("#caja_flotante").offset();
  var margenSuperior = 15;
  $(window).scroll(function() {
    if ($(window).scrollTop() > posicion.top) {
      $("#caja_flotante").stop().animate({
        marginTop: $(window).scrollTop() - posicion.top + margenSuperior
      });
    } else {
      $("#caja_flotante").stop().animate({
        marginTop: 0
      });
    };
  });
});
//]]>
</script>

El ejemplo online puede verse en esta página donde, en lugar de posicionarlo a la izquierda de la ventana del navegador, lo he ubicado a la izquierda del DIV contenedor del blog que en este caso es #outer-wrapper y como sé que mide 600 pixeles de ancho, la imagen se coloca en el centro de la pantalla y luego, se la desplaza hacia un lado, un poco más que la mitad del ancho de ese contenedor:

<style>
#caja_flotante{
  left: 50%;
  margin-left: -370px;
  position: absolute;
  top: 50px;
  width: 64px;
}
</style>

REFERENCIAS:webintenta.com

Otra más.

Con el nuevo sistema de comentarios, cuando uno entra a una página individual de cualquier blog que lo utilice, el navegador nos posiciona al final de la pagina, un poco más arriba del formulario en lugar de hacerlo como lo haría normalmente, al principio de ella.

En realidad no es así, no pasa en todos los navegadores, es algo que ocurre en IE, Firefox y Opera es decir, en todos … menos en Chrome … ¿casualidad?

Cuando buscamos información en los Grupos de Ayuda de Blogger, vemos que son muchos se quejan de lo mismo y las respuestas de los moderadores son “hemos comunicado el problema a los ingenieros” o “usen Chrome que ahí anda bien”.

Son ese tipo de respuestas que dan ganas de patearlos desde acá a la luna sin etapas; de la segunda, NI HABLAR, yo quiero usar el navegador que se me de la gana porque se me da la gana y sin tener que dar explicaciones a nadie por mis elecciones.

La primera respuesta llama la atención: “informaremos del problema” ¿Quiere decir que los mentados ingenieros nunca miraron si su creación funciona en los distintos navegadores tal como hace cualquiera de nosotros que tenga dos dedos de frente? ¿Será posible que sean tan negligentes? Es una pregunta retórica, no hace falta contestarla.

De todos modos, una solución muy parcial al problema pueden verla activada en la misma entrada demo de siempre.

Digo que es parcial porque no soluciona el problema en Internet Explorer aunque parece hacerlo en Firefox y en Opera.

Para conseguir esto, que espero que sólo sea temporal, tenemos que hacer dos cosas sencillas. Primero, buscamos el script de los comentarios anidados y allí, modificamos el atributo defer tal como indica Oloman en una de sus entradas más recientes. En lugar de esto:

<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

ponemos esto:

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

Ahora, agregamos algo así antes de </head>

<style>
#comments {
    left: -10000px;
    position: fixed;
    top: -10000px;
}
</style>
<script>
//<![CDATA[
window.onload = (function(){
  document.getElementById("comments").style.position = "static";
})
//]]>
</script>

La regla de estilo sacará el DIV contenedor de los comentarios fuera de la ventana del navegador así que no lo veremos y el script, se ejecutará cuando se haya cargado la página, restaurando la posición de ese DIV y haciéndolo visible otra vez; de ese modo, se evitará que el script interno de Blogger que escribe ese contenido, afecte al resto el sitio.

Si se usa jQuery, en lugar de document.getElementById() podría ponerse algo así:

$("#comments").css({"position":"static"});

es indistinto, ambas cosas hacen lo mismo.

No hay garantías de que esto funcione en todos los blogs pero, se puede probar y ver.

¿No cansa este manoseo que hace Blogger de sus usuarios? Si Google quiere terminar con el servicio, que lo haga de una buena vez y listo; si quiere que todos nos mudemos a su red social y nos pasemos allí las horas mientras hacemos clicks en sus avisos y los aplaudimos: que lo digan; sólo pido que nos eviten esta tortura del hacer y rehacer cada vez que a alguno de sus cráneos desarrolladores se le ocurre que es mejor toquetear el sistema en lugar de ir al jugar un rato al Pacman y de esa manera, aparentar que “labura”.

Durante la tarde, Gem@ me había comentado que veía algo raro, los avatares de los comentarios estaban mal y había otros detalles extraños. Me fijé, no vi nada y pensé que era uno de esos errores temporales a los que nos tiene acostumbrados Blogger pero … hace un rato, entro a contestar comentarios y oh surprise, los comentarios se ven … digamos mal para no ser exagerado; avatares desproporcionados o recortados, letras pequeñas, todos los detalles gráficos perdidos en la nada.

¿Qué ocurre?

La respuesta es simple, en el nuevo sistema de comentarios anidados, el CSS se encontraba en la misma plantilla, dentro de:

<b:includable id='threaded_comment_css'>

Lo había incluido Blogger en su momento pero ahora, ha desaparecido.

No lo ha hecho en todos los blogs, en mi cuenta, algunos aún sigue estando allí pero, tengo la sospecha que comenzará a ser quitado de todos porque se ha incluido dentro de uno de los archivos CSS que Blogger carga de modo automático. Si miramos el contenido de ese archivo, veremos las reglas de estilo originales.

¿Qué efecto tiene esto?

En los blogs que utilicen el nuevo sistema y hayan modificado esas reglas de estilo lo más probable es que deban comenzar de nuevo y agregar las reglas a la plantilla manualmente. Si aún están allí, les recomendaría hacer una copia de esa parte antes que se pierda; si ya no están … habrá que comenzar de nuevo y agregar las reglas para sobrescribir las de Blogger. Para esto, lo más seguro es colocarlas entre etiquetas <style> </style> pero poner eso justo después de <body>

En los blogs que NO usan el nuevo sistema (como este) la solución puede ser más sencilla; el problema surge porque todas esas reglas de estilo afectan al DIV cuya clase es comments; si no usamos reglas indicando esa clase sino reglas usando el ID que se llama igual, basta ir a la plantilla y buscar esto:

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>

y allí, solamente cambiamos el atributo class poniéndole otro nombre (insultos a Blogger son aceptados) o lo eliminamos:

<b:includable id='comments' var='post'>
  <div class='miscomentarios' id='comments'>

Con eso, estaremos a salvo un rato más, hasta que a alguien se le ocurra otra idea excitante …
ACTUALIZACIÓN:

Sugeriría que la clase comments, no sólo se cambie en los blogs que no usan el nuevo sistema sino también en los que lo usan; de ese modo, el CSS será más corto y ya no sufrirá cambios cada vez que a Blogger se le de la gana modificarlo.

Para eso, basta buscar:

<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>

y darle otro nombre:

<b:includable id='threaded_comments' var='post'>
  <div class='OTROScomments' id='comments'>

de ahí en más, busquen las referencias a las reglas:

.comments

y cámbienlas por

.OTROScomments

o el nombre que le hayan dado a esa nueva clase.

Esto es lo que hice en el demo y me ahorró dolores de cabeza.