Hoy, como todos los Viernes, arrancamos nuestro Zona Bloguismo dejando unos enlaces interesantes para leer el fin de semana:

• Foursquare y AMEX: chek-in y checkout
  , la nueva genialidad de Foursquare. (¿Cuántos han dicho ya que estaba muerto?).
• Otra alianza interesante: Klout con Involver, para ofrecer contenido en base a la influencia de cada fan de una página de Facebook. Interesante.
• Enlace interesante para los SEO Freelance sobre cómo arrancar proyectos de SEO.
• Historia del marketing en buscadores, con infografía.
• La actualización Panda de Google ha sufrido otra actualización, detalles en Search Engine Land.
• Interesante post sobre factores de rankeo en Facebook.

Éso es todo, un saludo y buen fin de semana!

Zona Bloguismo LXXIX es un articulo de: Bloguismo - Consejos para blogs

¿Os acordáis que el mes pasado dediqué una entrada a explicar cómo crear páginas estáticas en Blogger?
Pues bien, lo mejor será que olvidéis lo aprendido y os quedéis con el artículo de hoy.

Si hacemos memoria, en aquel artículo comentaba que Blogger no permitía crear páginas de forma nativa, teníamos que “engañarle” y modificar entradas para que se hicieran pasar por páginas como “Acerca de” o “Contacto” por ejemplo.
El caso es que a los pocos días Google habilitó el poder crear páginas estáticas de forma nativa. Y lo ha hecho desde “Blogger in draft“.

Blogger in draft es el banco de pruebas de Blogger, donde se pueden probar cosas antes de que salgan en la versión oficial.
Para poder acceder a este banco de pruebas, o versión beta de Blogger, en vez de entrar en nuestro escritorio de siempre con el link de antes, ahora tenemos que entrar siguiendo este link.

Entrando desde ese link, veréis que el escritorio de Blogger ha cambiado y es de color azul. De esa forma sabréis que habéis entrado al lugar correcto. Incluso podéis marcar la opción de que siempre que entréis a Blogger.com lo hagáis en la versión de Blogger in draft.

Para poder crear las nuevas páginas estáticas vamos a “Editar entradas” y veréis que ahora hay un link llamado “Editar páginas”. Es desde ahí desde donde gestionaremos a partir de ahora nuestras páginas. Si vais a hacerlo así os recomiendo que primero borréis las páginas que creamos en la entrada anterior, no es necesario que las tengamos dos veces.

Pinchando en “Editar páginas” nos vamos a “Página nueva”. Se nos advierte que podemos tener como máximo 10 páginas, de sobra para cualquier blog según mi opinión.
Veremos una página parecida a la de creación de nuevas entradas, básicamente porque estas páginas van a ser parecidas.
Le damos un título a la página y escribimos lo que queramos en función del tipo de página que sea. Si os fijáis, en “Opciones de entrada” ya vienen deshabilitados por defecto los comentarios ya que normalmente en las páginas más comunes no se suelen dejar comentarios, son simplemente informativas.
Cuando tengáis la página lista hacéis click en “Publicar página” y ya la tendremos.

Lo siguiente que veremos será una página en la que nos pregunta Blogger dónde queremos que se vean estas nuevas páginas. Esto se hace mediante gadgets, pudiendo elegir entre que se muestren los enlaces a las páginas debajo de la cabecera o en la barra lateral. También está la opción de hacerlo nosotros manualmente.
Ya que en la anterior entrada sobre el tema colocamos un gadget para que se mostraran en la barra lateral, ahora lo haremos para que se muestren en la cabecera.

Nos informará de que la página se ha creado correctamente y lo mejor que podemos hacer ahora es entrar en la página principal del blog para ver como ha quedado.

Como se puede apreciar en la foto, debajo del logo que creamos la pasada semana tenemos dos páginas, la que acabamos de crear (en este caso la de “Acerca de” y otra llamada “Página principal”.
Ésta última se nos ha creado automáticamente, es una forma de tener un link que nos lleve siempre a la página de inicio de nuestro blog.

Si queremos editar ese nombre o si no queremos que se muestre lo haremos de la siguiente manera. Nos vamos a nuestro escritorio y nos dirigimos a “Diseño” -> “Elementos de la página”. Como veréis debajo de la cabecera tenemos el gadget de las páginas, en el que haremos click en “Editar”.

Por ejemplo yo le he cambiado el nombre a “Inicio”. Incluso podemos elegir el orden en el que se nos vas a mostrar las páginas. Cuando tengamos la configuración y nombre de las páginas a nuestro gusto hacemos click en “Guardar”.

Una vez hecho esto podremos volver a crear la página de contacto como ya hicimos en el post dedicado a ello. Haré un breve resumen para recordar como se hace.

Primero de todo vamos a “Creación de entradas” -> “Editar entradas”. Una vez allí, localizamos la entrada de “Contacto” y hacemos click en “Editar”.Cuando estemos en el editor de la entrada, copiamos el texto que hay, que será un código HTML.

Con el código copiado nos vamos a “Editar páginas” -> “Página nueva” y pegamos el texto. Un detalle muy a tener en cuenta y que hay que fijarse es que este texto lo tenemos que pegar en la pestaña de “Edición de HTML” o sino no nos saldrá el formulario de contacto.
Una vez pegado el texto publicamos la página y ya tendremos la página de “Contacto” en el gadget de debajo de la cabecera, al lado de la de “Inicio” y “Acerca de”. Como ya os he comentado podéis modificar el orden en que queréis que aparezcan.

Una buena idea ahora sería la de eliminar las entradas que creamos en el anterior artículo de “Acerca de” y “Contacto” y que tendremos perdidas entre otros artículos. Ya no hay necesidad de tenerlas.
Ahora podremos ver como quedan en el blog las nuevas páginas.

Y esto es todo por hoy, ahora ya tenemos en nuestro blog las páginas soportadas de forma oficial por Blogger gracias a su banco de pruebas “Blogger in draft”.
Espero que os haya sido de utilidad y como siempre os digo, cualquier duda o sugerencia no dudéis en escribirla en los comentarios.

¡Hasta dentro de dos semanas!

Añadir páginas estáticas oficialmente en Blogger es un articulo de: Bloguismo - Consejos para blogs

Bienvenidos una semana más al tutorial sobre Blogger. Como siempre, me gusta resumir brevemente lo que ya hemos hecho en nuestro blog antes de empezar con el tema de hoy:

• El primer día creamos nuestro blog y escribimos nuestro primer artículo.
• El segundo, cambiamos la plantilla del blog y pusimos una de nuestro gusto, junto con el botón de Bitácoras.
• Hace dos semanas le añadimos un sistema de estadísticas como Google Analytics para tener más controladas las visitas y la forma en que nuestros lectores interaccionan con nuestro sitio.

Esta semana vamos a seguir con la personalización. Os habréis fijado que en muchos blogs, incluso en este mismo, suelen haber unas seccionas llamadas “Acerca de” y “Contacto”.

Esas secciones son páginas estáticas o fijas donde les contamos a nuestros lectores algo más sobre nosotros o incluimos un formulario de contacto para que nos puedan preguntar cualquier cosa de forma algo más privada que en los comentarios: Son páginas donde escribimos sólo una vez y normalmente no están habilitados los comentarios.

Los links a estas páginas suelen estar o arriba del todo en la cabecera o en la barra lateral al principio del todo. En WordPress es muy fácil crear nuevas páginas pero por desgracia en Blogger no tanto, de hecho no hay una opción de crear nuevas páginas, hay que “engañar” un poco al sistema, ahora os explicaré cómo.

Empecemos con la página de “Acerca de”, donde escribiremos algo sobre nosotros y sobre el blog. Obviamente no hace falta que le demos ese nombre a la página, otros comunes suelen ser “Sobre mí”, “Sobre el blog”, etc…

Lo primero de todo será tener claro lo que vamos a poner, ahí ya no os puedo ayudar mucho, es cosa de cada uno. Aun así es recomendable presentarnos y explicar algo del blog para que los visitantes nos conozcan algo mejor.

Con eso en mente nos dirigimos a la creación de una nueva entrada. En el título escribimos “Acerca de” o lo que queramos. En el texto de la entrada ponemos algo sobre el blog y sobre nosotros.
Eso es lo básico. Lo importante viene ahora, para convertir esa entrada en una página tendremos que programar esa entrada para una fecha anterior, o sea ponerle una fecha ya pasada. Esto hará que esta entrada se pierda entre las demás del blog y no se vea a simple vista. También es recomendable desactivar los comentarios, pero eso ya va a elección de cada uno. Por último publicaremos la entrada.

Ahora crearemos la página de Contacto. Blogger tampoco no lo ofrece de forma fácil así que tendremos que recurrir a un servicio externo. Yo recomiendo Email Me Form que es el que utilizaba en mi antiguo blog y va genial.
Nos dirigimos a su web y nos registramos. Una vez hecho ya podemos pasar a crear y configurar nuestra página de contacto.
Vamos rellenando los campos eligiendo un nombre para el formulario, el email al que llegarán las peticiones, otro email a donde llegará el spam (se puede poner el mismo o no poner ninguno), la página a donde se redirigirá después de enviarlo (recomendable redirigir a la página principal de nuestro blog) y el número de campos a rellenar.

En la siguiente página configuramos los campos del formulario. Con cuatro hay suficientes: Nombre, email, asunto y mensaje.

La siguiente página la podemos dejar tal cual está, aunque si queremos máxima personalización podemos cambiar algunos números. Lo mismo con la página 4, que podemos modificar la fuente, el tamaño, el color, cambiar el nombre de los botones, etc…
Con la página 5 más de lo mismo, más opciones de personalización que podemos dejar tal cual están.
En la página 6 veremos una vista previa del formulario, y le daremos a “Finish” si nos gusta como nos ha quedado.
Lo siguiente que veremos es la siguiente página, donde habrá un link para copiar el código e insertarlo en nuestro blog.

Copiamos el código, nos vamos a la creación de una nueva entrada, la nombramos como “Contacto”, marcamos “Edición de HTML” y pegamos el código. Volvemos a marcar lo de no permitir comentarios y a programar la entrada para una fecha pasada. Con todo eso hecho publicamos la página.

Ahora ya tenemos creadas nuestras dos páginas de “Contacto” y “Acerca de”. Lo siguiente y último será situarlas donde nuestros lectores las puedan ver bien.
Por ejemplo las podemos poner en la barra lateral.
Para ello vamos a “Diseño -> Elementos de la página” y añadiremos un gadget en a barra lateral para poner ahí los enlaces a nuestras páginas. Hacemos clic en “Añadir un gadget” y elegimos el de “Lista de enlaces”.
El título lo podemos dejar en blanco, podemos hacer que se ordenen alfabéticamente o no también. Necesitaremos los enlaces de las dos entradas que hemos creado, las pegaremos donde nos pide que introduzcamos una nueva URL y le daremos el nombre.

Una vez hecho esto, hacemos click en “Guardar” y si nos dirigimos a la página principal de nuestro blog, podremos ver como en nuestra barra lateral tenemos los nuevos enlaces a nuestras páginas.
También es posible añadir el gadget debajo de la cabecera, pero dependiendo de cada plantilla lo mostrará de una forma u otra. Tal y como yo lo he hecho así es como quedará en el blog.

El tener estas dos páginas en nuestro blog es algo que yo personalmente considero que todo blog debería incluir y como hemos visto, no tiene demasiada complicación añadirlas a pesar de que Blogger no nos deje por defecto.

Hasta aquí el tutorial de hoy, espero que os sirva de ayuda y sigáis completando vuestros blogs. Una vez más os animo a que preguntéis y expongáis vuestras dudas o recomendaciones en los comentarios.
¡Hasta dentro de dos semanas!

Cómo añadir páginas estáticas en Blogger es un articulo de: Bloguismo - Consejos para blogs