¿Qué son las vistas Blogger?

Las vistas Blogger son diferentes versiones de tu blog, en cierta modo, diferentes formas de navegar tu blog, sin cambiar tu plantilla, usando Ajax, HTML 5 y CSS 3.

Actualmente son cinco vistas:

1. Vista de Sidebar. Una barra lateral con la lista de post y la columna principal con el contenido y comentarios.

2. Vista de Flipcard. Organización tipo galería.

3. Vista en Mosaico. Organización tipo mosaico con las imágenes de los posts.

4. Vista en Instantáneas (Snapshot). Organización tipo galería y en forma de fotografías instantáneas.

5. Vista en diapositivas (Timeslide).

Cómo usar las vistas en tu blog

Para usar las vistas únicamente agrega /view al final de la URL de tu blog. Por ejemplo:

http://myblog.blogspot.com/view

Las vistas se mostraran sin problema si:

• Están habilitadas desde el panel en Escritorio → Configuración → Formato → Habilitar vistas dinámicas
• Tu blog es público.
• El feed esta configurado en completo. Escritorio → Configuración → Feed del sitio → Completo

Ventajas

• Scroll infinito. Es decir, sin páginas de "Siguiente" o "Atrás", con hacer scroll las entradas aparecen automáticamente.
• Carga rápida. Al cargar solo bajo demanda, no se cargan más elementos que los que se desea ver.
• Organización. Más opciones para presentar el contenido a gusto del lector.

Conclusiones

Por primera vez, Blogger incorpora algo novedoso y hasta revolucionario respecto a otras plataformas, un cambio positivo para bloggers y lectores.

¿Tu qué opinas?

Funcionamiento

Al agregarlo, automáticamente agrega el blog a Feedburner, crea la URL del feed y la usa para la suscripción de correo.

El gadget se muestra con un sencillo formulario donde el lector puede escribir su dicción de email y confirmar su suscripción. Al parecer, el botón se adapta automáticamente a la paleta de colores del blog.

Configuración

Para configurar las opciones de la suscripción por email les recomiendo revisar nuestra Guía para ofrecer suscripción por email paso a paso.

Código

Como todos los widget de Blogger, se puede modificar el código del formulario buscando por el título o, en este caso, FollowByEmail. El código generado por el gadget es como el siguiente:

<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true&quot;' method='post' target='popupwindow'>
        <span>
          <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
        </span>
        <input class='follow-by-email-submit' type='submit' value='Submit'/>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
</b:widget>

En él, yo recomiendo cambiar:

<input name='loc' type='hidden' value='en_US'/>

Por:

<input name='loc' type='hidden' value='es_ES'/>

Para que el mensaje de confirmación se muestre en español.

Estilos

Blogger agrega por defecto los siguientes estilos:

/*Contenedor general*/
.FollowByEmail .follow-by-email-inner {
    position: relative;
}
/*Campo de email*/
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
    border: 1px inset;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 2px;
    width: 100%;
}
/* Botón de submit */
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
    -moz-border-radius: 2px 2px 2px 2px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    height: 24px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 0;
}
.FollowByEmail .follow-by-email-inner input {
    font-family: arial,sans-serif;
}

Sobra decir que estos se pueden sobre escribir desde el código de la plantilla si se desea personalizar.

Un nuevo gadget que facilita la vida, pero que no hace algo realmente haga falta para el usuario Blogger, como más condicionales en la plantilla o un alojamiento de archivos.

Nueva interfaz de edición

(Clic en cada imagen para agrandar)

Nuevo diseño de dashboard

Nueva herramienta para descubrir contenido en la navbar

A primera vista luce realmente bien, claro y funcional. Adiós a la imagen casi infantil de Blogger.

Por lo dicho en Blogger Buzz, al panel se agrega una nueva pestaña de “Comentarios“, que su a vez tiene tres apartados:

• Comentarios publicados.
• Esperando revisión.
• Spam.

En cada pestaña es posible clasificar comentarios como spam o no spam, eliminarlos o eliminar el contenido y dejar el registro del comentario.

Por lo visto, su sistema filtrado de comentarios spam aun esta en pruebas, y hasta han colocado un botón para reportar cualquier problema con él.

Una opción que sin duda hace falta es la de “Editar“, que no esta incluida en estas primeras capturas y que completaría las herramientas para administrar comentarios.

Salvo detalles, una excelente noticia para usuarios de Blogger, que hasta ahora, poco podían hacer con los comentarios publicados en su propio blog.

¿Alguien ya tiene esta pestaña en su panel?

Es así como después de años de peticiones de sus usurarios, Blogger lanza un diseñador de plantillas nativo.

¿Qué es el diseñador de plantillas?

Esencialmente es una sección del panel desde donde se pueden personalizar las plantillas desde Blogger in Draft.

Inicio (draft.blogger.com) → Diseño → Diseñador de plantillas.

Desde el diseñador se puede personalizar:

• La imagen o color de fondo.
• Color, tamaño, estilo y familia de la tipografía, bordes y fondo.
  • Número y ancho de las columnas.
  • Un pequeño panel para agregar reglas CSS.

Ventajas y desventajas

Lo más novedoso quizá sea el control sobre la estructura del diseño en un ambiente muy sencillo. Las opciones de tipografía se amplían y se agregan cientos de imágenes para usar como fondo, provenientes de istockphoto. Soporte a páginas estáticas para usar como menú.

En contraparte, solo existen 15 plantillas para usar como base y al ser diseños muy flexibles, son también muy sencillos y sin soporte total para Internet Explorer (que también puede interpretarse como ventaja). Hacer modificaciones más allá de la capacidad de esta herramientas también se hace más complejo, pues hay que convivir con nuevas y copiosas variables por todas partes.

Notas

Las plantillas actuales funcionan normalmente, pero al no estar preparadas para el diseñador de plantillas de Blogger, no pueden personalizarse mediante este.

Los gadgets o widgets siguen siendo manejados desde el panel de "Elementos de página".

Conclusiones

El diseñador de plantillas me parece una buena herramienta, fácil de usar y posibilidades muy grandes de personalización, cubrirá sin duda, las necesidades de muchos de sus usuarios que hasta ahora se quedaban con los diseños por defecto.

Al final, es una evolución del editor de fuentes y colores.

¿Ya lo probaste? ¿Qué te parece?

Fuente: Blogger in Draft

El video fue grabado en Marzo del 2000 durante una conferencia en San Francisco, en él aparecen: Evan Willians, Meg Hourihan y Paul Bausch, creadores y programadores de Blogger.com.

En 2002 el código de Blogger fue reescrito, y para 2003, la plataforma completa fue vendida a Google Inc. Al momento de la venta, Blogger tenía 1.1 millones de usuarios registrados.

Evan Williams, uno de los fundadores, dejó Google en 2004, quien ese mismo año fundo Odeo, una plataforma de podcasting, la cual a su vez fue adquirida en 2007 por Sonic Mountain.

En Abril de 2007, Evan Willians cofundó Twitter, una herramienta de comunicación más de 50 millones de actualizaciones diarias por sus usuarios y de la cual sigue siendo CEO.

10 años después de la grabación del video, parecen escenas surrealistas, sin embargo, este es un inicio relativamente común en las grandes empresas de tecnología. Una idea, mucho trabajo y el doble de perseverancia.

Algunos datos curiosos:

• Blogger no fue concebido como un proyecto comercial, sino como una herramientas de publicación interna.
• La televisora Globo de Brasil fue la primera en comprar un licencia de "Blogger Pro" en 2002.
• Meg Hourihan fundadora de Pyra Labs, dejó de trabajar en servicios de internet en 2004 para trabajar en un restaurant en Massachusetts y actualmente solo se dedica a su familia.
• El video fue grabado por el diseñador puertorriqueño Alberto Gonzales, de ahí que se presentaran en español.

Fuentes y más información:

• Pyra Labs / Wikipedia.
• Blogger’s history re-imagined.
• Evan Willians blog.
• Meg Hourihan blog.

¿Qué son las páginas?

Si se ha probado WordPress se conoce los beneficios de las páginas y si no, conviene definirlas rápidamente. Una página es un formato de publicación con información que necesita estar disponible desde cualquier parte de un blog.

Son útiles para contenidos estáticos como la página de información del creador del blog (el famoso "about"); el formulario de contacto; la lista términos de uso y política de privacidad; un archivo de artículos, entre muchos otros usos.

¿Cómo crear página en Blogger?

Crear páginas ahora no es más complejo que crear un post, en este momento es de la siguiente forma:

Blogger in Draft → Editar entradas → Editar páginas → Página nueva

1. Entrar desde Blogger in Draft.

2. Ir a "Editar entradas" y seleccionar la opción "Editar páginas".

3. Crear una "Página nueva" y comenzar a redactar.

Las opciones del editor de páginas son las mismas al editor de entradas, pero cabe advertir, por su naturaleza, es recomendable cerrar los comentarios en las páginas, de este modo cumplirán solo con su carácter informativo y serán un elemento menos a moderar.

4. Seleccionar el modo en que se publicaran las páginas. Puede ser en la barra lateral, una pestaña del blog o sin gadget y enlazar manualmente.

Por como son las plantillas ahora, yo recomendaría la tercer opción "Sin gadget", para después copiar la URL de la página y agregarlo manualmente en el código de la plantilla.

Escritorio → Diseño → Edición de HTML

Seguramente en el futuro las plantillas usaran un widget de páginas directamente como menú, pero ahora mismo, todas funcionan de forma manual.

El gadget de páginas

Sino estas familiarizado con el código y quieres usar la lista de páginas como gadget, basta escoger esta opción en el paso 4 y configurarlas desde:

Escritorio → Diseño → Elementos de página → Editar (en el gadget de página)

Donde se puede escoger el orden de la lista.

Como se ve, no son muchas las ventajas del gadget, por lo que incluir los links de las páginas directamente en el código me parece un opción más acertada.

Anotaciones

Otra ventaja secundaria de las páginas, es que tienen una URL más amigable, en Blogger son del tipo:

http://blog.blogspot.com/p/nombre-pagina.html

Una pequeña desventaja es que el número de páginas por blog esta limitado a 10, sin embargo, son más que suficiente para la mayoría de los casos.

Conclusión

Se habían tardado en llegar, pero las páginas están en Blogger y sin duda son una buena noticia pues ayudan mucho a tener mejor organizado y clasificado un sitio, tanto para el usuario como para el que administra el blog. Así que a sacarles provecho.

Las mejoras consisten principalmente en un mejor acoplamiento con Picasa (cada blog es un álbum en Picasa) y una interface más usable y estética, solo el campo para buscar el archivo en tu disco o duro, o la url de la imagen.

Después de subida, en la misma imagen tienes la opciones para seleccionar el tamaño, la alineación respecto al texto o eliminar. Para trabajar más en campo.

¿Desventajas? Lo mismo que el anterior: Límite de cinco imágenes por subida y al indicar la URL, no la sube, sino que la usa directamente, con el cocido problema de hotlinking que representa.

La primer desventaja la resuelves usando una extensión para subir imágenes de forma masiva en Blogger y la segundo, subiendo la imagen normalmente desde la PC, pero en lugar de buscar el archivo colocamos la dirección web de la imagen directamente.

El sistema para subir videos también esta en la misma línea, un cuadro de dialogo donde solo hay que indicar el video a subir.

Estos cambios por ahora solo están disponibles desde Blogger in Draft, del cual vale la pena hacerse usuario, al menos, para tener acceso a las últimas pequeñas mejoras que se agregan.

Antes:

Ahora:

¿Cambios?

No son radicales los cambios, pero sí muy positivos. Diseño más sencillo, links más útiles: se incorporan “Seguir” y “Compartir” y el botón de “Reportar abuso” que se entiende mejor; y se elimina el botón de “Buscar blog” con un icono más ilustrativo.

También dentro de los diseños de la navbar [Diseño → Elementos de página → Barra de navegación (Editar)] se agrega la opción de una barra transparente que en muchos casos servirá para que se acople mejor al diseño.

Los cambios son pequeños, pero realmente me gusta más esta nueva barra, aun así, como le mencionaba a Claudia, el mejor diseño sigue siendo con display:none en los estilos.

Uso

Hay dos formas de utilizar en Leer más y están en función del editor que se use. Entonces, para usar esta función, entra desde Blogger Draft, si estas en modo visual (Redactar) da clic en el icono de “Insertar salto linea” para cortar en ese punto tu artículo:

Desde el modo de Edición HTML, esta característica se puede usar desde el Blogger de siempre, solo agregando el código:

<!-- more -->

En el punto de corte del artículo.

Configuración

Si quieres configura el texto por defecto “Más información“, solo tienes que ir a Diseño → Elementos de página → Entradas del blog → Editar. Y escribe la leyenda que más te agrade.

Una opción más que básica, después de 10 años llega a Blogger, no sé si es para celebrar o para llorar, pero la buena noticia es que ya esta ahí, tratemos de pensar en “Más vale tarde que nunca”.