Nuevo diseñador de plantillas en Blogger

Blogger pone a nuestra disposición un nuevo diseñador de plantillas para nuestros blogs.

La opción, de momento, solo está disponible en la página de Blogger in draft (Blogger en borrador)

Para quien no lo sepa aún, Blogger in draft es una versión especial de Blogger en la que podremos probar las nuevas funciones de Blogger antes de que éstas salgan a la luz.

Como he dicho anteriormente, para poder probar el nuevo diseñador de plantillas tendremos que acceder a nuestra cuenta de Blogger desde la página Blogger in draft.

Una vez dentro, podemos ver que la apariencia es similar a la que nos ofrece el escritorio de Blogger.

Actualizaciones de Twitter en blog

Para publicar las actualizaciones de nuestra cuenta de Twitter en nuestro blog, debemos acceder a la página oficial de Twitter, introducir los datos de nuestra cuenta y, en la parte inferior, hacer clic sobre el enlace Extras (actualización 30 Agosto 2011 – Recursos).

Al hacer clic en este enlace, nos aparecerá la ventana para que seleccionemos lo que queremos agregar, bien un widget (o gadget) o algún botón.

Agregar botón Votar en Bitácoras.com

En esta entrada os explicaré cómo agregar el botón de Votar en Bitácoras.com dentro de las entradas de nuestro blog.

Antes de seguir cabe destacar que lo podemos insertar en varias posiciones: la primera, en el encabezado de la entrada, es decir, dentro del título; la segunda, dentro del cuerpo de la entrada, tal y como podéis ver en este blog; y la tercera, en el pie de la entrada, es decir, aparecería al lado del número de comentarios, firma, etc…

Gadget Páginas en Blogger

Esta entrada está dedicada a un nuevo gadget que aparecerá al pulsar en la opción Añadir un gadget de nuestros blogs de Blogger. El gadget se llama Páginas y nos permitirá crear una lista de páginas independientes dentro de nuestro blog, cosa que hasta ahora no se podía hacer y había que crear una nueva entrada en el propio blog.

Este gadget lo podemos utilizar para crear páginas sobre nuestro perfil, formas de contacto, mapa web, etc… y nos servirá como menú principal de nuestro blog.

Agregar gadget Sígueme en redes sociales

Bueno si alguien no se entera con el título que he puesto, es normal, no sabía ni cómo titularlo jeje :)

En esta entrada lo que voy a explicar, dado que he tenido más de una petición sobre este tema, es cómo crear algo parecido a lo que podéis ver en el apartado Sígueme en / Follow me on en la barra lateral derecha de este blog.

Dirección URL de una imagen con Skydrive

Dadas las constantes preguntas que me llegan sobre cómo conseguir la dirección URL de una imagen alojada en un servidor de imágenes, hoy le dedicaré una entrada a este tema.

Está claro que no voy a abordar todos los servidores de imágenes que existen, por lo que tomaré como servidor, para este ejemplo, el servicio SkyDrive de Windows Live.

En primer lugar, lo que debemos hacer es acceder a la página principal del servicio SkyDrive e introducir los datos de nuestra cuenta.

Guía de optimización para buscadores

Aquí os dejo una guía de Google para mejorar el posicionamiento de nuestra web o blog dentro de los buscadores.

Añadir botón Compartir en redes sociales

En muchos blogs y webs habréis visto un botón tipo como el que muestra la siguiente imagen y cuya única función es compartir el contenido de la web o blog en la red social seleccionada.

Crear página en Facebook

Para crear una página en Facebook, lo primero que haremos será acceder a nuestra cuenta y hacer clic en el siguiente enlace.

http://www.facebook.com/pages/create.php

Una vez dentro de esta página, seleccionaremos la categoría y el título de la página que vamos a crear.

Añadir gadget Páginas Amarillas

Para añadir el gadget de páginas amarillas a nuestro blog o página web, lo que debemos hacer en primer lugar es acceder a la página de gadgets de Google donde nos muestra los gadgets de Páginas amarillas.

Plantillas Agregar nueva columna

Como hay personas que tienen cierta dificultad para agregar la nueva columna, he decidido poner en descarga directa los archivos de esas plantillas con la columna ya agregada, para que solo tengáis que sustituir la vuestra por la nueva sin modificar nada del código HTML.

No es que haya creado todos los archivos para todas las plantillas de Blogger, pero la mayoría sí están.

Buscar código en la plantilla HTML del blog

Seguramente más de uno lo sabrá, pero para la gente que aún esté un poco perdida a la hora de buscar cierto código en la plantilla HTML de nuestro blog, le diré la forma rápida de hacerlo.

Nos pondremos en el caso que vamos a realizar alguna modificación en la plantilla HTML de nuestro blog y queremos buscar un código.

Accedemos a la ficha Diseño –> Edición de HTML.

Una vez que nos encontramos en ella, situamos el cursor en el lugar donde está situado el código de la plantilla.

En ese momento para buscar el código tenemos varias posibilidades en función del navegador que estemos utilizando.

Si usamos Internet Explorer podemos acceder a la opción del menú Edición –> Buscar en esta página o bien pulsar la combinación de teclas Control + F.

Si usamos Mozilla Firefox accederemos a la misma opción pulsando en el menú Editar –> Buscar o pulsando de nuevo la combinación de teclas Control + F.

En el caso que estemos utilizando Internet Explorer, nos aparecerá una ventana similar a la siguiente donde introduciremos el código que queramos buscar.

Si utilizamos Mozilla Firefox, la opción de Buscar nos aparecerá como una especie de barra en la parte inferior de la ventana.

Una vez escrito el código HTML que queramos buscar solo hará falta ir dando al INTRO para que nos vaya señalando las palabras que coinciden con la búsqueda realizada.

Enlazar Facebook con nuestro blog

Hace unos días os expliqué la forma de enlazar Twitter con nuestro blog. En este ocasión, enlazaremos Facebook y nuestro blog para que se publiquen automáticamente las actualizaciones de éste.

En primer lugar, accedemos a la página principal de Facebook e introducimos los datos de nuestra cuenta.

En la pantalla principal, nos fijamos en la parte inferior de la ventana, y pulsamos en Aplicaciones –> Notas.

A continuación, nos fijamos a la derecha de la pantalla en el apartado Configuración de las notas y hacemos clic en Importar un blog.

En la siguiente ventana, escribimos la dirección del RSS de nuestro blog y activamos la casilla de verificación que tenemos en la parte inferior con la cual estamos indicando a Facebook que el blog es nuestro o bien tenemos permiso para publicar las entradas del mismo.

Hecho esto, nos mostrará una vista previa y solo nos faltará pulsar el botón Confirmar la importación para que las entradas de nuestro blog aparezcan publicadas en nuestro Facebook.

ACTUALIZACIÓN 3 JULIO 2011

Debido a las actualizaciones que se han producido en Facebook, esta opción de enlazar Facebook con el blog ya no está disponible, por lo que os recomiendo que visitéis la nueva entrada actualizada Enlazar Facebook y blog con la aplicación NetWorkedBlogs.

Tiempo de descarga de una web

Hoy os hablaré de una página que nos muestra el tiempo de descarga de nuestra web o blog.

La página es 1-hit.com y a la opción en concreto para conocer el tiempo de descarga podéis acceder haciendo clic en este enlace.

Para poder visualizar el tiempo de descarga y otras estadísticas, tan solo tenemos que introducir la dirección URL de la página en el cuadro de texto Your URL.

Una vez introducida la dirección URL, pulsaremos el botón Check loading time y, tras unos segundos de análisis, la página mostrará el tiempo que debe esperar el usuario a la hora de visualizar nuestra web o blog además de otras estadísticas como el tamaño total de todas las imágenes y de la web incluidos otros objetos como pueden ser javascript, estilos CSS, etc…

Una vez que veamos el tiempo de descarga de nuestra web, podremos realizar mejoras de optimización de imágenes para reducir ese tiempo, eliminar ciertos efectos javascript que pueden estar aumentando considerablemente el tiempo, etc…

Editar entradas publicadas con Windows Live Writer

Para modificar una entrada que ya hemos publicado en nuestro blog, debemos acceder al menú Archivo –> Abrir.

Como podemos comprobar tendremos en entradas recientes las últimas que hayamos publicado en el blog, pero en el caso de que queramos modificar alguna entrada más antigua, haremos clic en el nombre del blog.

Nos aparecerá un mensaje para introducir usuario y contraseña de la cuenta con la que accedemos al blog, en el caso de que no tengamos activada la casilla Recordar contraseña en la configuración de la cuenta.
Si la casilla está activada, este mensaje no aparecerá.

Una vez introducidos estos datos, Windows Live Writer recuperará las entradas anteriores de nuestro blog para que podamos seleccionar la que queremos modificar.

En la parte superior de esta ventana, tenemos la posibilidad de seleccionar las entradas que queremos mostrar en esta ventana. Para ello, solo tenemos que modificar la lista desplegable que aparece con el nombre Mostrar X elementos.

Una vez que hayamos encontrado la entrada que queremos modificar, solo tendremos que hacer clic sobre ella y pulsar el botón Aceptar.

Realizadas las modificaciones, pulsaremos el botón Publicar para que la entrada quede actualizada en el blog.

Insertar hipervínculos con Windows Live Writer

Para poder añadir cierta interactividad en las entradas de nuestro blog, necesitaremos crear hipervínculos.

Los hipervínculos los podemos insertar bien en imágenes o en texto.

Como la forma de insertarlo en una imagen está explicada en la entrada Insertar imagen con Windows Live Writer, en esta entrada me limitaré a la forma de aplicarlo sobre un texto.

Para insertar un hipervínculo, con Windows Live Writer, sobre un texto lo primero que tendremos que hacer será seleccionarlo.

Una vez seleccionado, pulsaremos en la opción del menú Insertar –> Hipervínculo o bien haremos clic sobre el botón Insertar hipervínculo de la barra de herramientas de Windows Live Writer.

Al pulsar cualquiera de las dos opciones, nos aparecerá la ventana que se muestra a continuación.

En ella, tendremos que indicar la dirección URL de la página que queremos que se muestre cuando hagamos clic sobre el texto seleccionado.

En el apartado Texto que se mostrará aparecerá automáticamente el texto que hayamos seleccionado en la entrada de nuestro blog.

La opción Abrir el vínculo en otra ventana nos va a servir para abrir la página que hemos vinculado en una ventana diferente a la que tenemos.

Por último, la opción Vincular automáticamente a este texto nos servirá para que la dirección URL quede vinculada al texto que hayamos seleccionado.
Con un ejemplo quedará más claro, si escribimos la palabra Telecinco y le vinculamos la dirección URL www.telecinco.es, al ir a crear un nuevo hipervínculo sobre la palabra Telecinco, bien sea en esta entrada o en otra del blog, automáticamente la dirección URL vinculada será la de www.telecinco.es

Para comprobar las palabras que tenemos vinculadas con esta última opción, pulsaremos en la opción del menú Herramientas –> Opciones –> Vinculación automática.
En esta ventana podremos eliminar, editar o agregar nuevas palabras.

Solo un apunte más, una vez que hayamos escrito dirección URL y activado las opciones que nos interesen, para que el hipervínculo quede definitivamente sobre el texto, pulsaremos el botón Insertar.

Insertar tabla con Windows Live Writer

Siguiendo con las entradas relacionadas con el programa Windows Live Writer, hoy os explicaré cómo insertar una tabla en la entrada de vuestro blog.

En primer lugar, lo que haremos será situar el cursor en la posición donde queremos insertar la tabla y acceder a la opción del menú Tabla –> Insertar tabla o bien pulsar en el botón Tabla de la barra de herramientas de Windows Live Writer.

Una vez pulsado, nos aparecerá la ventana donde indicaremos el número de filas, columnas, ancho de la tabla, borde, el espacio que habrá entre el texto y el borde de la celda y, por último, el espacio entre las propias celdas.

Indicados los datos de la tabla, solo tendremos que pulsar el botón Insertar para que la tabla quede insertada en la entrada de nuestro blog.

La forma de ir rellenando los datos dentro de la tabla es, como en cualquier editor de texto, con la tecla del Tabulador.

Las operaciones básicas que podemos realizar con las tablas, las tenemos disponibles dentro del menú Tabla. Solo debemos situar el cursor dentro de una de las celdas de la tabla y aparecerán disponibles todas estas opciones como insertar, mover y eliminar filas o columnas de la propia tabla.

Como podemos ver en la imagen anterior, dentro del menú Tabla también tenemos una opción para cambiar las propiedades ya sean de la propia tabla, fila, columna o celda en la que tengamos el cursor.

Con esta última opción, podremos modificar la alineación, tanto vertical como horizontal, del texto dentro de la celda, fila o columna dependiendo de lo que hayamos seleccionado.

Enlazar Twitter con nuestro blog

En esta entrada veremos cómo enlazar Twitter con nuestro blog, en este caso, de Blogger.

Esto lo haremos a través del feed de nuestro blog y la página Twitterfeed, que lo que hará será actualizar directamente nuestro Twitter con cada nueva entrada de nuestro blog.

En primer lugar, accedemos a la página de Twitterfeed y hacemos clic en el enlace Sign up with OpenID.

Una vez que hemos pulsado, nos aparecerá la ventana para seleccionar el tipo de cuenta, en nuestro caso, pulsaremos Blogger que es la plataforma de nuestro blog.

A continuación, introduciremos la dirección URL de nuestro blog de Blogger y pulsaremos el botón Sign In.

Hecho esto, nos pedirá que introduzcamos los datos de la cuenta desde la cual accedemos a la plataforma de Blogger.

Nos pedirá que confirmemos que somos los autores del blog indicado anteriormente.

Ahora, en la página de Twitterfeed que aparece, pulsaremos sobre el enlace Connect your feed to Twitter Account, es decir, conectar el feed con nuestra cuenta de Twitter.

En la siguiente ventana, introducimos los datos de nuestra cuenta de Twitter y pulsamos el botón Allow.

Completado este primer paso, solo nos queda ponerle un nombre al feed e indicar la dirección URL del feed de nuestro blog, tal y como muestra la siguiente imagen.

Indicados estos dos últimos datos, solo nos queda pulsar el botón Create feed que lo encontraremos en la parte inferior de la ventana.

En la última pantalla, podemos editar el feed (botón Edit feed) cambiando la frecuencia con la que se va a comprobar si hay nuevas entradas, si queremos que aparezca el título, título y descripción, etc…

Insertar imagen con Windows Live Writer

Para insertar una imagen con Windows Live Writer podemos acceder al menú Insertar –> Imagen o bien pulsar en el botón Insertar imagen que muestra la barra de herramientas del programa.

Una vez que hayamos pulsado cualquiera de las dos opciones anteriores, se mostrará el siguiente cuadro de diálogo.

A la hora de insertar una imagen en Windows Live Writer tenemos dos opciones: la primera, Desde archivo, que nos servirá para seleccionar el archivo de la imagen desde nuestro propio ordenador y, la segunda, Desde web, en la que escribiremos directamente la dirección URL donde tengamos alojada la imagen en Internet.

Una vez que hayamos insertado la imagen en el documento, comprobaremos en el panel de la derecha que podemos realizar varios ajustes sobre la imagen insertada.
Esto es justamente lo que explicaré a continuación viendo las diferentes fichas y opciones que nos muestra este panel.

• Ficha Imagen
  • Diseño
    • Ajuste del texto: esta opción nos servirá para indicar la alineación de la imagen.
    • Márgenes: con esta opción podremos aplicar una cierta separación respecto a los márgenes superior, inferior, derecho e izquierdo.
  • Bordes: podremos seleccionar si queremos que la imagen muestre un borde exterior, sombra, etc…
  • Vincular a: aquí podremos indicar cómo queremos que se comporte la imagen cuando el usuario haga clic sobre ella. Podremos seleccionar entre vincularlo a la imagen de origen, a una dirección URL o simplemente no ponerle ningún vínculo.
• Ficha Avanzadas
  • Tamaño: podemos establecer el tamaño exacto de la imagen en el documento modificando los valores Ancho y Alto.
  • Acciones: nos ofrece la posibilidad de girar la imagen, inclinarla, aumentar o disminuir el contraste, recortarla o bien, con la opción Marca de agua, agregar a la imagen un texto y definir la posición del mismo.
  • Otro: con la opción Texto alternativo estaremos definiendo la propiedad ALT de la imagen.
• Ficha Efectos: esta es la última ficha, y nos permite agregarle efectos a la imagen como convertirla en blanco y negro, agregarle un tono sepia, efectos de relieve, etc…

Publicar entradas con Windows Live Writer

Una vez que tenemos configurado la cuenta nuestro blog en Windows Live Writer es hora de publicar entradas a través de este programa.

Hoy me limitaré al texto y, en entradas posteriores, iré explicando cómo insertar imágenes junto con las opciones disponibles, hipervínculos, etc…

Las operaciones que podemos realizar con el texto dentro de este programa son las mismas que podríamos realizar con un editor de texto normal, es decir, cambio de letra, color, alineación del texto, formato del texto y viñetas.

Todo ello lo podemos seleccionar desde la barra de herramientas que tenemos en la parte superior de la zona donde escribimos las entradas o bien desde el menú Formato.

Una vez que tengamos escrito y aplicado al texto el formato que queramos, debemos publicar la entrada.

Antes de pulsar el botón correspondiente, en la parte inferior izquierda podremos seleccionar las etiquetas (o categorías) que queremos aplicar a esta entrada y en la parte inferior derecha la fecha y hora de publicación.

Justo arriba de estas dos opciones tenemos tres posibles vistas: Editar, que es la que nos sirve para escribir e insertar los diferentes elementos de la entrada; Vista previa que nos ofrece una vista preliminar de la entrada tal y como quedará publicada en el blog; y por último, Origen que nos muestra el código HTML de la entrada actual por si quisiéramos hacer algún arreglo desde el propio código.

Seleccionado esto, ahora sí que pulsaremos el botón Publicar que aparece en la parte superior del programa para que la entrada quede publicada o programada en nuestro blog.

Al pulsar este botón, si no activamos la casilla Recordar contraseña en la configuración de la cuenta, nos aparecerá la ventana correspondiente para introducirla.

Recuerdo que en esta entrada solo me he limitado al texto, y a lo largo de las próximas iremos viendo cómo insertar imágenes, tablas, hipervínculos, etc…