Veamos una a una su funcionamiento:

Etiquetas meta.

Las famosas metatags, o etiquetas meta como fueron traducidas, permiten dar información de cada página al buscador, por ahora Blogger permite agregar una descripción general del blog.

Errores y redireccionamientos.

Mensaje de página no encontrada personalizado.

Permite definir un mensaje para el famoso Error 404, ahora podemos hacerlo más original y más útil.

Redireccionamiento personalizado.

Como su nombre indica, esta opción permite hacer redireccionamiento de URLs determinadas, sea por que la página no exista, se haya linkeado una página de forma errónea o simplemente para redireccionar a un post más reciente esta herramienta será muy útil.

Rastreadores e indexació.

Archivo robots.txt personalizado.

El archivo robots.txt es una herramienta muy poderosa para indicar que contenido debería ser rastreado y cual no. Las instrucciones se escriben directamente y Blogger generará el archivo automáticamente.

Etiquetas de encabezado de robots personalizadas.

Esta opción tiene una función similar a la característica anterior pero funciona a través de los headers de cada consulta y permite indicar, entre otras cosas, la indexación, el rastreo y la utilización del contenido por parte de los bots, particularmente para la secciones: Home, archivo y páginas de búsqueda y las publicaciones individuales: entradas y páginas.

Conclusión.

Blogger era/es una de las plataformas menos flexibles para hacer SEO, las herramientas son pocas y no fáciles de implementar, así que esta nueva sección ayuda a mejorar este aspecto, aunque aun aun tienen muchas tareas por hacer.

Para mi es curioso como por una lado Google da una serie de recomendaciones para el correcto rastreo de contenido y por otro, no da las suficientes herramientas para su implementación en su servicio más popular de generación de contenidos.

Además puedes ayudar al algoritmo a refinar sus propuestas indicando que canción te gusta y que no quieres escuchar con un resultado bastante aceptable. Con este sistema hasta puedes descubrir nueva música o recordar alguna canción que hace mucho no escuchabas.

Un agregado nada malo es la posibilidad de tener disponibles offline tres “canales” de música y sincronizarlos cada vez que te conectes a Internet.

¿Las contras? Pues sus limitaciones, por ejemplo, un número limitado de adelantos de canciones, el número de canales offline. También pautas de publicidad, pero por ahora muy espaciadas y no molestas. Seguramente veremos cuentas premium para eliminar estas restricciones.

Particularmente me parece una propuesta novedosa, legal y gratuita para escuchar música, habrá que ver como evoluciona. Puedes descargarla desde el repositorio oficial para tu OS, disponible para Android, iPhone y BlackBerry.

Sitio web: biit.fm

Google+

Cómo crear una página en Google+

El proceso es bastante sencillo:

1. Todo empieza entrando el formulario de creación de páginas y seleccionando el rubro de la misma. Al no existir una opción directa para sitios web, “Otro” será el más adecuado. Aunque claro, de acuerdo al contenido de tu sitio web, podría encajar perfectamente en algunos de los existentes.

2. Agrega el nombre de tu blog o website, la URL y lee las condiciones de uso para aceptarlas.

3. Agrega un slogan o descripción de tu sitio web, así como la foto para el perfil de la página.

Google+ Además te ofrece la opción de editar la foto del perfil inmediatamente después de subirla con las herramientas de Picnik.

4. Inmediatamente tienes las opción de compartir con tus amigos, aunque tal vez no sea el mejor momento, pues tu página esta vacío. Te recomiendo esperar a importar tu contenido antes de compartirla.

5. Listo. Tu página Google+ esta terminada. Así que es un buen momento de dejar el primer mensaje y que mejor, que uno de bienvenida.

Por supuesto, estas invitado a suscribirte por Twitter, Facebook, Google+, RSS o correo electrónico a nuestras actualizaciones.

WiziApp es un servicio que, a partir de un plugin, permite convertir tu blog en una WordPress iPhone App. De este modo, el contenido de tu blog en WordPress estará disponible de manera más organizada y accesible para los usuarios del teléfono de Apple.

WordPress a iPhone

Tener una vista previa de tu App no tiene costo, sin embargo, para obtenerla y publicarla necesitar contratar uno de sus planes. El proceso de creación sencillo y rápido:

1. Instala el plugin de WiziApp. Puede ser directamente desde tu sección de plugins o de forma manual con FTP.

2. Ahora en tu panel de administración, puedes ir a la nueva sección llamada WiziApp para empezar la configuración y ver la previa de tu contenido.

En esta sección le pones nombre a tu App, personalizas el menú de pestañas, el fondo, la información a mostrar, el sistema de notificación y la monetización (vía Admob). Todo, viendo los cambios directamente en una previa del App.

3. El siguiente paso es el pago por la creación de la App.

Hay tres planes distintos, en todos ellos das un pago inicial y posteriormente un pago por mes. Por ejemplo, el plan básico Blog Personal, tiene un costo de apertura de $199 USD y posteriormente un pago mensual de $19.90 USD.

El pago te da derecho a soporte y actualizaciones para tu App (derivadas de WordPress o el iOS), notificaciones y estadísticas.

4. El último paso es publicar tu app en la App Store y hacerla disponible al mundo.

Solo debes rellenar la información de tu app, clasificar su contenido y subir el icono respectivo para identificarla.

Opinión

Para ofrecer contenido en dispositivos móviles hay principalmente dos formatos, uno vía App y otro vía navegador con versión móvil de un sitio web. Ambos ofrecen ventajas y desventajas y la falta de estándares hace difícil y costoso lograr compatibilidad a los principales sistemas móviles, tarea que esperemos cumpla HTML5.

¿Son ya tan cotidianos y necesarios estos servicios? En mi caso la respuesta es: totalmente. Por otro lado, es interesante pensar el porque de cada producto para cada servicio. Los invito a decirlo en los comentarios.

Fuente: featureshoot.com

Blogger recientemente agregó de manera automática y obligatoria una LightBox en las imágenes de todos sus blogs. Una lightbox es una buena forma de resaltar fotografías y será útil en mucho casos, pero no en todos. Esta nueva característica usa javascript e igualmente con javascript se puede eliminar.

Actualización: 20/10/2011. Parece que Blogger entendió que no puede simplemente imponer características y ya ofrece la opción directamente desde el panel para eliminar la lightbox de imágenes. Para ello ve a Escritorio → Configuración → Entradas y comentarios → Showcase images with Lightbox y selecciona “No”.

Método por javascript, ya no recomendado:

Basta agregar el siguiente código antes de </head>:

<script type="text/javascript">
//<![CDATA[
function killLightbox() {
 var images = document.getElementsByTagName('img');
 for (var i = 0 ; i < images.length ; ++i) {
  images[i].onmousemove=function() {  
   var html = this.parentNode.innerHTML;   
   this.parentNode.innerHTML = html;
  };
 }
}
 
if (window.addEventListener) {
 window.addEventListener('load',killLightbox,false);
} else {
 window.attachEvent('onload',killLightbox);
}
//]]>
</script>

Fuente: English java drinker / Vía: Vagabundia.

Modificar una plantilla o theme es uno de los primeros retos de quienes inician un blog. Para hacerlo, nada nos libra de aprender lo básico de HTML y CSS, pero hay herramientas que pueden hacerlo más sencillo como Firebug, la extensión para Firefox y en versión Lite, para Chrome.

Una de las herramientas más simples, pero también más útiles de Firebug es Inspeccionar, como su nombre lo indica, permite navegar por cada elemento de un sitio web y conocer como esta configurado y como esta relacionado con otros elementos. Esta es la herramienta que puede ayudar a cualquiera a modificar una plantilla, sea Blogger o WordPress, sin mucha dificultad.

Esta pequeña guía se enfocará básicamente en modificar el CSS para adaptar un diseño a nuestras necesidades. En Blogger el CSS esta dentro de la misma plantilla, entre los códigos <b:skin> y </b:skin> y en WordPress en el archivo style.css en la carpeta del theme activo.

Modificar el CSS de un elemento con Firebug.

Para modificar cualquier característica de un elemento de una plantilla simplemente hay que:

1. Instala Firebug en tu navegador: Firefox o Chrome. Personalmente yo recomiendo usar la de Firefox, es más completa y rápida, pero a ambas aplica el contenido de este tutorial.

2. Dar clic en el botón de Firebug en la barra de herramientas , luego en el botón de Inspeccionar  y ubicar el cursor justo sobre el elemento a modificar, puede ser texto, imagen, video, flash o cualquier elemento, y dar clic en él.

3. En el cuadro de la derecha de Firebug, estando la pestaña “Estilo” activa, se muestran todos los estilos que afectan al elemento.

Se muestran tal como los tendríamos en una hoja de estilos CSS, sin embargo, Firebug ordena las propiedades alfabéticamente y las estandariza.

Es fácil reconocer las siguiente información: selectores, propiedades y la ubicación de dicho estilo (línea de código y archivo que lo contiene).

Aquellas propiedades que aparezcan con un tachado, implica que otra reglas CSS las ha sobrescrito y que por lo tanto no están siendo aplicadas.

4. Pruebas en vivo.

Algo muy interesante de Firebug es que puedes modificar cualquier propiedad CSS y ver los resultados directamente aplicados sobre la página. Para ello solo es necesario dar clic sobre la propiedad o valor para cambiarlo, y ver directamente que pasa en la página.

Para las propiedades que solo pueden tomar valores predeterminados, Firebug permite explorarlos con solo dar clic en el valor y usar las teclas de arriba y abajo del teclado.

Y muy similar para los valores numéricos:

Otra opción muy útil es la de desactivar propiedades para saber como se comporta un elemento sin ellos, basta dar clic en el circulo rojo a la izquierda de cada propiedad.

Encontrar la imagen de fondo de un elemento también es útil cuando se esta modificando una plantilla, para ello solo hay que colocarse sobre el elemento, dar clic y en el panel de “Estilo”, aparecerá el selector que contiene la imagen, normalmente en la propiedad background o background-image.

Y hay otras varias herramientas que pueden ver directamente en el manual oficial.

5. Usando los datos de las pruebas.

Una vez que sabes haz llegado al resultado deseado en las pruebas, es necesario aplicar esos mismo cambios a los estilos en tu plantilla. Firebug nunca guarda cambios, esta parte debes hacerla tu manualmente.

En otras palabras, si haz agregado una propiedad en Firebug, debes agregar esa misma propiedad a tu hoja de estilos; si haz hecho una modificación, esta debe hacerse también en los estilos de la plantilla.

Screencast

Con esta introducción, pueden ver Firebug en acción en el screencast de introducción.

Conclusión

Firebug es una herramienta muy intuitiva, así que algunas recomendaciones: Prueben y prueben, se aprende bastante de CSS y de la propia herramienta, pero sin riesgo de afectar nuestro código. Lean la guía oficial, donde se pueden aprender a sacar más provecho de la extensión. Y por último, aprendan al menos lo básico de CSS y HTML, hará cualquier tarea de diseño menos frustrante.

Están en PNG24 con transparencia en dos tamaños distintos, 100 y 250 pixeles.

Licencia de uso:

• Se liberan bajo licencia Creative Commons Atribución 2.5.
• Puedes usarlos tanto en proyectos personales como comerciales (pero venta directa del pack no permitida).
• Para distribuirlos, por favor, enlaza este artículo y no al archivo de descarga directo o otro post o servidor.

Descargar

PaperCut Icons

Para quien necesite estas páginas especiales para adjuntos puede crear un archivo attachment.php y darle formato y para quienes no las usamos, la mejor opción es redireccionarla al post padre. Esta tarea la cumple bien el siguiente snippet:

/**
 * Redirecciona los adjuntos al post padre, o bien, a la portada.
 */
function attachment_redirect()
{
	global $post;
	if ( is_attachment() )
    {
		if( $post->post_parent )
            wp_redirect( get_permalink($post->post_parent), 301 );
        else
            wp_redirect( home_url(), 301 );
        exit;
	}
}
add_action( 'template_redirect', 'attachment_redirect', 1 );

Esta función se puede agregar al archivo functions.php del theme activo.