Configuración de la cuenta del blog en Windows Live Writer

Empezaremos viendo cómo configurar la cuenta de nuestro blog para poder escribir directamente entradas en él con el programa Windows Live Writer.

Lo primero que debemos hacer es acceder a la opción del menú Herramientas –> Cuentas.

En esta ventana veremos los blogs que ya tenemos configurados además de poder añadir nuevos. Esto último será lo que veamos en esta entrada del blog.

Para añadir una nueva cuenta de blog, pulsaremos el botón Agregar.

En el caso que queramos añadir un blog de Blogger, seleccionaremos la opción Otro servicio de blog como se puede apreciar en la imagen y pulsaremos el botón Siguiente.

En la siguiente ventana que nos aparece en este asistente, tendremos que escribir la dirección web blog que vamos a añadir junto con el nombre y contraseña de la cuenta desde la cual accedemos al blog. Si activamos la casilla Recordar contraseña, no tendremos que estar escribiendo la contraseña cada vez que vayamos a publicar una entrada nueva en el blog. Hecho esto, pulsaremos de nuevo el botón Siguiente.

Windows Live Writer en ese momento se conectará al blog con los datos que hemos facilitado de nuestra cuenta.

En el caso de encontrar en ese cuenta más de un blog creado, Windows Live Writer nos mostrará una ventana para que seleccionemos el blog que queremos añadir.

Una vez hayamos seleccionado el blog que queremos añadir, pulsaremos el botón Siguiente.

En ese momento recopilará todos los datos del blog como categorías, entradas, etc… y terminará la configuración de la cuenta.

También nos aparecerá un mensaje para elegir si queremos que Windows Live Writer detecte el tema (colores, tipo y tamaño de letra, etc…) que tenemos en el blog para visualizarlo a la vez que estamos escribiendo una entrada.
Esto lo hará a través de la creación de una entrada temporal que no tiene ningún efecto sobre el aspecto del blog, por lo que el mensaje podemos aceptarlo sin ningún problema.

Para terminar la configuración del blog, solo hará falta que escribamos el nombre con el que queremos identificar el blog dentro del programa Windows Live Writer y, a continuación, pulsaremos el botón Finalizar.

Windows Live Writer

A lo largo de las próximas entradas os explicaré el funcionamiento del programa Windows Live Writer que podéis encontrar en el archivo de instalación de las últimas versiones de Windows Live Messenger o bien en este enlace.

Este programa lo podemos utilizar como alternativa a utilizar el editor, bastante simple, que nos ofrece Blogger para escribir nuestras entradas del blog.

José M. García
@josem2112
El Blog de la Informática 10

Imágenes para blogs

Esta vez he creado varias imágenes para que incorporéis a vuestros blogs. Estas imágenes las podéis utilizar libremente siempre y cuando cumpláis dos condiciones.

La primera, que la imagen no sea modificada.

Y la segunda, que el código HTML que sirve para insertar la imagen en vuestro blog tampoco sea modificado.

En vez de ir creando una entrada diferente cada vez que haga una imagen nueva, iré actualizando esta entrada, por lo que no dejéis de visitarla para estar al día de las últimas actualizaciones de imágenes.

Para que sea más accesible la entrada, dado que con el paso del tiempo quedará relegada a puestos inferiores en este blog, crearé un enlace a esta entrada en la columna que tenéis a la izquierda con el nombre Imágenes para blogs.

De todas formas, recordad que siempre podéis acceder al listado de todas las entradas del blog pulsando en el enlace que aparece en la columna de la izquierda con el nombre Mapa web o bien con la primera imagen (monitor de ordenador) que tenéis en la columna de la derecha de este blog.

Antes de pasar a insertar las imágenes, también me gustaría saber en qué blogs aparecen para ir creando un pequeño (o grande que nunca se sabe) directorio de blogs. Esto lo podéis hacer escribiendo en esta misma entrada un comentario o bien rellenando el formulario de contacto.

Bueno pues no me enrollo más y os indico a la izquierda la imagen y a la derecha el código HTML que debéis copiar en el gadget (HTML/Javascript) para que aparezca dicha imagen.

Imagen	Código HTML
	<a href="http://elblogdelainformatica10.blogspot.com/2009/08/imagenes-para-blogs.html"><img border="0" alt="El blog de la Informática" src="http://jfuflq.bay.livefilestore.com/y1prkojBlS4AGI8CxPPgKxhm1RISMRrz3oG-dXIAs7egDBi8-p5E8JioV7-fRHBH83ua4ONFu54rk2EbSsNlJ_RKA/boo.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/2009/08/imagenes-para-blogs.html"><img border="0" alt="El blog de la Informática" src="http://jfuflq.bay.livefilestore.com/y1pSCFHST_-ZX86uRDi5aNqCgOggnOgMulqHgG8tHa5S9D7k6w_5XheRcmR9_wJ-5s_4D_989krIDBGbyS76IW7og/mike.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/2009/08/imagenes-para-blogs.html"><img border="0" alt="El blog de la Informática" src="http://jfuflq.bay.livefilestore.com/y1pCuErj_zc-Ffm0fmDu8PDLT9z0tIx9Y8EG6iAnqO5Mw2FzHcInZ9Pp1dwoB9wxYldqyNTpwFaiXF8nQf_4bPEsw/mike-y-boo.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/2009/08/imagenes-para-blogs.html"><img border="0" alt="El blog de la Informática" src="http://kqbnag.bay.livefilestore.com/y1pi0fE3e7YqF0fzhkxC6KpfyKDipgXlH6vfU3Cg9c4UYD6eZPh_LTBgLANfuxm-i0vt-JaeMwovyh_t6lwkcIHNA/sullivan.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/2009/08/imagenes-para-blogs.html"><img border="0" alt="El blog de la Informática" src="http://kqbnag.bay.livefilestore.com/y1pJ-ufZmK154vXugUka_z_F2UbyLMC5UYRCChl--QJw9IxrRcpz9vVJywICHzbwt4iVl6nuYQedmUuMa-VyYExIMGjqwVUybg8/shrek.gif" /></a>

Y aunque ya lo he explicado más veces, pero lo recuerdo una vez más, para insertar la imagen tenéis que seguir estos pasos:

1. Copiáis el código HTML que aparece al lado de la imagen que más os guste.
2. Accedéis a la ficha Diseño del blog donde queráis insertar la imagen.
3. Hacéis clic en el enlace Elementos de la página y, una vez en esta pantalla, clic sobre Añadir un gadget.
4. En la ventana que se mostrará, tenéis que pulsar sobre el botón del signo más que contiene el gadget HTML/Javascript.
5. En la vista Edición de HTML, pegáis el código HTML copiado de mi blog.
6. Y para terminar solo hace falta que pulséis el botón Guardar y visualicéis el resultado.

Ah una cosa más, se aceptan sugerencias sobre posibles imágenes nuevas, cambios del color de fondo, etc…

ACTUALIZACIÓN 22 ENERO 2010

Si queréis incorporar alguna de las imágenes a vuestros blogs o webs, poneros en contacto conmigo rellenando este formulario e indicándome la imagen de la que queréis el código HTML.

ACTUALIZACIÓN 06 FEBRERO 2010

En esta página podréis copiar los códigos de las imágenes sin ningún problema.

Seguir un blog

En esta nueva entrada, aunque os parezca algo bastante sencillo, os enseñaré cómo agregaros a la lista de seguidores de un blog de dos formas diferentes.

1ª FORMA

La forma que suele emplear casi o todo el mundo, menos yo jajaja, es por medio del gadget que suele estar situado en el propio blog del cual queremos añadirnos como seguidor.

Como veis en la imagen solo hace falta pulsar el botón Seguir con lo que aparecerá la ventana para seleccionar el tipo de cuenta con la que estamos accediendo al blog.

Una vez seleccionado, nos aparecerá otra ventana indicándonos si queremos hacernos seguidor de forma pública, es decir, nuestra imagen aparecerá junto con los seguidores del blog, o bien de forma privada que quiere decir que seguiremos el blog de forma anónima sin que el autor ni seguidores del mismo se entere (bueno aunque siempre hay otros métodos para detectar seguidores ocultos).

Además, en este ventana, también podemos seleccionar el nombre y la imagen con la que queremos aparecer como seguidor en el blog.

Una vez seleccionado la forma de seguir el blog, solo hará falta pulsar el botón Seguir este blog para que nos aparezca la pantalla de confirmación de la suscripción.

2ª FORMA

Como os he indicado al principio existen dos formas de añadirse a seguidores de un blog. A continuación os explicaré la segunda, que es bastante útil cuando por ejemplo nos queremos suscribir a un blog que no muestra el gadget Seguidores o bien tenemos algún tipo de problema a la hora de realizar la suscripción explicada anteriormente.

Lo primero que debemos hacer es acceder al Escritorio de nuestros blogs y nos fijamos en la parte inferior de éste, concretamente en la Lista de lectura.

Como podemos ver en la imagen, tenemos un botón que pone Añadir. Si lo pulsamos nos aparecerá la ventana para escribir la dirección URL del blog del cual queremos hacernos seguidores.

Escrita la dirección URL, pulsamos el botón Siguiente y nos aparecerá la ventana para seleccionar de qué forma queremos seguir el blog: forma pública o forma privada.

Una vez seleccionada la forma, solo hará falta pulsar el botón Seguir para que el blog se incorpore a nuestra lista de lectura.

Nuevas imágenes para enlazar mi blog

He creado nuevas imágenes para que tengáis mayor variedad a la hora de enlazar mi blog con el vuestro.

Las imágenes anteriores para enlazar el blog están en este enlace y las nuevas en la siguiente tabla. Como veréis en la tabla aparece una vista con calidad reducida de la imagen para que os hagáis una idea. Al copiar y pegar el código HTML en vuestro blog, la imagen aparecerá con la calidad máxima.

Imagen	Código HTML que debéis copiar
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pawl_lzbYdZ7y3vZEjynx6QBvFSUk_mSfZExf6YYKYLEa3hLv2AKMx5kQGlE0aXr7oA9abtd7uhDyU-2Jqjdufg/ficha1.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pyYEE3RSy4OkmVLPXYsCBfY8M5uSgp24mDpWH3vjvSJzG2dyxqgUiHHD_nGSWrbVT3hN84uFPzY-5s8dB7UXKPg/ficha2.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pCXbEMJG59gInrMxnWZOowygkVHVzi_eh4lo15XRIY4yP2pa_NUSoIZmqN9ksRZPbUR37wLJiTdGO8KnO0Z7uhw/ficha3.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pYdcl8iDB3Nms3S-63VGsV3j8mc0GGWOpcGnAu9VcCGXb338MNSlTQxJST2eD8SjXI814yOjAYqpjrSQvR1iSZA/ficha4.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1p5V_MZZkkGNCXjLzbJbHIFpm8Omzwh578mDbDChaSF_glyaTN-RtEa6bdIqF-BebJwrReus59PTLJmV3AvJcCLg/ficha5.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pmZHKF-P6n8254TbcBnbO0N3B-w1bXtZIYrOLXuqsOX3XdJrClLmXeHHqw6_kkN2ZL5oiMqacHAUO9VAWPzrmOw/ficha6.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pPs-Xd41chEbMySluvLALxFuU-d2TUJdUNVXRwT3rKq3Oh8Xfpnw_mIyU6EV6nRsgZVjRdfPMb0PI1evzvbmacA/ficha7.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pjd5MMmKnVEWq58idaDFXkQaw4OkyyltK-kNeXiLRaFfo4ePGeVVvmfBnlL_j_usg0_70T3tfDBtne87zAelNUw/ficha8.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pnenP6m858vjKKFxMRXdBsOW0pp8L03UHH9jemdag-pQt47htzneEWt2lNju-rudsrjYfPgBOgA4nNcgTcJXTI8F1UoFgMPp6/ficha9.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pUQITf_s1oy4wiKkSy3Y9t8fyJ0JMxY73LMAPuf36lgLPWuUfYe-zhJEaOqXG9tTn84wfCIHVy7q4P-UhVGU4ZVdCr9DCJGto/ficha10.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pvvWNLwJ66ZWa0npn_9pQXI5MF_rUnxDvlC6lEge5oXg-m8UNi3Ue2EKkqv6F2XBzsXKDh1svGPEpvbhVuD-SkGqxNDAl6KWa/ficha11.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1plStbgfi8fEyd8WeIqFDtNkqvxPpES80n8d8lTQ3fwwdQXtrQ3b6By6BcaOky6P8gQbO6B-NkMLtFDdrIpvPKUQXClgqObwW2/ficha12.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pZL7OgTJDB3yTPN64MaofIWoSVO5cNymyNefGph5v4r8OVr-S_npJJHAUgJU2PO8VUsJiD-5npLr5GSko0JX8FhLTxiSh2W9G/ficha13.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pLhViqC8cHvdxGmsZR52WyLSFwCJRpJGl6Yzw-bxE_uNE6IlA4QAmF_Wp4xpd8_88kZT9BIuMrdZDVOBGkA_nh1nUwIhNjZYZ/ficha14.gif" /></a>
	<a href="http://elblogdelainformatica10.blogspot.com/"><img border="0" alt="El blog de la Informática" src="http://uq2trq.bay.livefilestore.com/y1pEdNNx-Hnrx-pZH4GJWG_Z7UpKZX-13-cpXKHDdrc1xxGTLaS_-l7uqzyLeKcHq493xtx4yimsPdYoQ7lBKMC-Cr4e__uwlxW/ficha15.gif" /></a>

Debéis seleccionar el código HTML que aparece desde la etiqueta <a href … hasta la etiqueta </a>

Las instrucciones para enlazar el blog, aunque están escritas en la entrada indicada al principio de este texto, os las pongo de nuevo:

1. Copiáis el código HTML de la imagen que más os guste o se adapte mejor a vuestro blog.
2. Accedéis al escritorio de vuestros blogs.
3. Pulsáis sobre la ficha Diseño del blog en el que queráis poner la imagen para enlazar.
4. Hacéis clic sobre el enlace Elementos de la página.
5. Clic de nuevo, en este caso, en el enlace Añadir un gadget de la posición donde queráis colocar esta imagen.
6. En la ventana que se muestra pulsáis sobre el botón con el signo más del tipo de gadget HTML/Javascript.
7. Una vez en la pantalla de edición del gadget, tened en cuenta que esté seleccionada, en el editor, la vista Edición de HTML y pegáis el código HTML anteriormente copiado desde mi página.
8. Guardáis los cambios y, al visualizar vuestro blog, la imagen de mi blog debería aparecer de inmediato en la posición donde la hayáis colocado.

Y antes de terminar, os recuerdo que si estas imágenes os parecen demasiado grandes o no os gustan, tenéis otro tipo de imágenes y más pequeñas en este otro enlace.

Una vez que hayáis enlazado mi blog, podéis hacer un comentario en esta página para que yo haga lo mismo con el vuestro.

Agregar enlaces al perfil

Visitando algunos blogs, cosa que suelo hacer a menudo, me he encontrado con un problema que hace tiempo me tuvo dando vueltas a ver por qué era.

El caso es que visitando los seguidores de algunos blogs, no aparecen los blogs propios. Os pongo una imagen para que lo entendáis mejor cogiendo como ejemplo uno de los seguidores de mi blog.
(Perdón por haberte cogido a ti como ejemplo, si te molesta solo tienes que notificármelo y cambiaré la imagen por otra)

Como podéis ver en la imagen aparecen los blogs que sigue pero no los blogs propios.

Para solucionar esto, debéis acceder al escritorio de vuestros blogs, pulsar el botón Administrar con lo que aparecerá la pantalla Administrar los blogs que sigo.

A continuación, pulsáis en el enlace Configuración de cualquiera de los blogs que seguís, apareciendo esta nueva pantalla.

Pulsamos en la opción Añadir enlaces y escribimos la dirección junto con el nombre del blog o página web que queramos añadir a nuestro perfil.

Escritas ambas cosas, pulsaremos el botón Añadir de esta ventana y continuaremos añadiendo enlaces.

Una vez hayamos escrito todos, volveremos a la pantalla (3ª imagen de esta entrada) de nuestro perfil y pulsaremos el botón Hecho para guardar los cambios realizados.

A partir de este momento, cuando visualicemos el perfil en el blog nos aparecerán los enlaces que hayamos añadido además de los blogs de los que somos seguidores.
(Perdón de nuevo por haberte cogido a ti como ejemplo, si te molesta solo tienes que notificármelo y cambiaré la imagen por otra)

Y ya para terminar, como no me gusta apropiarme de las ideas de otros y además la dije que cuando publicara esta entrada haría referencia a su perfil, solo me queda decir que este problema me ayudó a solucionarlo Pandrea (una de mis seguidoras) a la cual la vuelvo a dar las gracias desde aquí.

Palabras clave adecuadas para nuestra web

Como escribí en la entrada anterior de ideas para el posicionamiento de nuestra web, hoy os voy a explicar cómo conocer las palabras clave adecuadas para realizar el posicionamiento de nuestra web.

Para ello, utilizaremos la herramienta para palabras clave de Google que encontraréis en este enlace.

Al acceder a esta página, tenéis la posibilidad de escribir un término que defina nuestro sitio web y a partir de él conocer las palabras clave que mejor le convienen o directamente escribir la dirección del sitio web del que queremos conocer esas palabras clave.

Como ejemplo, seleccionaremos la segunda opción, contenido de sitio web.

Una vez hayamos escrito la dirección de nuestro sitio web, veremos cómo aparecen las palabras clave agrupadas por diferentes términos.

Para que lo entendáis aún mejor, os pondré un ejemplo. Nos imaginaremos que hemos hecho la página web de un bufete de abogados situado en Madrid y que están especializados en lo penal.

Realizamos la búsqueda por diferentes términos en la página anterior y nos encontramos con estos resultados:

Abogados - 673.000
Abogados Madrid - 60.500
Abogados Penal Madrid - 260

El mejor término para posicionar esa web será el último, Abogados Penal Madrid por tres razones.

En primer lugar, es el criterio que menor competencia tiene por lo que será más fácil realizar el posicionamiento y obtener resultados casi instantáneos.

En segundo lugar, estamos delimitando bastante la búsqueda, puesto que si un usuario realiza la búsqueda Abogados Madrid puede que encuentre nuestra página pero no esté interesado en la rama penal. De ahí que cuanto más delimitemos la búsqueda mejor será para recibir visitas a nuestra web de usuarios que realmente estén interesados en la rama penal.

Y por último, algo bastante importante es indicar la situación geográfica puesto que si elegimos Abogados simplemente obtendremos visitas de gente que esté lejos y que evidentemente no estará interesada en contratar nuestros servicios.

Una vez que conozcamos las palabras clave por las que vamos a posicionar nuestra web, solo tendremos que añadir las correspondientes metaetiquetas, tal y como expliqué en la entrada anterior del blog, además de dar la importancia necesaria a estas palabras clave cada vez que aparezcan en la página tal y como quedó explicado en la entrada de ideas para el posicionamiento de un sitio web.

Metaetiquetas Keywords y Description

Tal y como os anuncié en la entrada de ideas para el posicionamiento de una página web, es conveniente añadir las metaetiquetas Keywords y Description.

También comentar que es posible añadir otras metaetiquetas, pero principalmente debemos añadir las dos que os acabo de mencionar.

La metaetiqueta Description contiene una descripción de la página en la que estemos insertando dicha metaetiqueta. Esto podría ser en una página de una empresa, una simple descripción de los servicios que ofrece dicha empresa.

La metaetiqueta Keywords son contiene las palabras clave por las que queremos que se encuentre nuestra página separadas por comas. En entradas posteriores os indicaré la forma de saber las palabras clave que más nos convienen para nuestra página web.

Ambas metaetiquetas, Keywords y Description, deben colocarse entre las etiquetas HEAD justo después del TITLE del código HTML de nuestra página web y su sintaxis es la siguiente:

<meta name="keywords" content="" />
<meta name="description" content="" />

En la propiedad Content de la metaetiqueta Keywords escribiremos como he dicho antes las palabras clave separadas por comas, y en la propiedad Content de la metaetiqueta Description la descripción de nuestro sitio web.

Ideas sobre el posicionamiento web

Hoy os dejo una pequeña recopilación de ideas que debéis tener en cuenta a la hora de realizar el posicionamiento de vuestra web o blog en los buscadores con el fin de aumentar las visitas.

• No copiar el contenido de otras páginas, puesto que la nuestra será penalizada por los buscadores aparte de meternos en un lío si hemos copiado ese artículo de otra página que tiene derechos de autor.
• Conseguir un pagerank elevado.
• Alta manual nuestra web o blog en directorios y buscadores.
• No utilizar páginas que nos ofrecen el alta automática de nuestra web en buscadores.
• Alta en Google, puesto que es el buscador más utilizado por los usuarios.
• No utilizar marcos (frames) ni páginas realizadas íntegramente con Flash puesto que no son bien indexadas por los buscadores.
• Elegir bien la propiedad TITLE (título) de las páginas de nuestro sitio web.
• Rellenar la propiedad ALT en las imágenes de nuestro sitio web.
• Añadir un sitemap o mapa web que, como bien sabéis, es la página que contiene los enlaces a todas las demás páginas de nuestro sitio web.
• Aplicar el efecto Negrita en aquellas palabras que sean relevantes en nuestro sitio web.
• Utilizar los encabezamientos H1, H2, ..., H6 para dar importancia al texto de la página.
• Conseguir que otras webs enlacen nuestro sitio web.
• Añadir las metaetiquetas Keywords (palabras clave) y Description (descripción). En entradas posteriores os ampliaré esta información.
• Realizar un estudio sobre las palabras clave (keywords) más apropiadas para nuestro sitio web. En entradas posteriores os ampliaré esta información.

Posición de nuestra web o blog en Google

Hoy os voy a enseñar a utilizar un programa que nos ofrece la posibilidad de conocer la posición que tiene nuestro sitio web o blog en Google.

Este programa es gratuito y se llama Free Monitor for Google.

Una vez instalado el programa, lo abrimos y nos encontramos con la siguiente pantalla:

Lo primero que tendremos que hacer será añadir el sitio web que queremos consultar. Para ello, haremos clic en el botón con el signo más de color verde (Add URL) que aparece en la barra de herramientas del programa.
En la ventana que aparece escribiremos la dirección URL de la web y pulsaremos el botón OK.

A continuación, tendremos que escribir las palabras clave por las que queremos conocer la posición que ocupa nuestra página en el buscador Google. Para ello, haremos clic en el botón Edit Keywords que aparece justo a la derecha del botón pulsado anteriormente para agregar el sitio web.
En la ventana que nos aparece escribiremos la palabra y pulsaremos el botón Add para agregarla a la lista. Este paso lo repetiremos con cada una de las palabras clave.

Una vez que hayamos agregado todas las palabras pulsaremos el botón OK para volver a la pantalla principal del programa.

Ya solo nos falta pulsar el botón Search, que aparece al final de la barra de herramientas, para conocer la posición que ocupa nuestra web respecto a las palabras clave que hemos escrito en el paso anterior.

Como podemos ver en la pantalla de resultados nos muestra la posición que ocupa nuestra web con cada una de las palabras clave.

Si volvemos a repetir esta búsqueda unos días después podremos comprobar si nuestra web ha bajado o subido de posición.

Agregar nueva columna - Plantilla Herbert

Hoy os enseñaré como agregar una nueva columna a la plantilla Herbert.

En primer lugar, antes de realizar cualquier modificación, os aconsejo que hagáis la copia de seguridad de la plantilla.

Una vez realizada, accedemos a la ficha Diseño -> Edición de HTML y buscamos el siguiente código:

@media all {

div#main-wrapper {
float: $startSide;
width: 66%;
padding-top: 0;
padding-$endSide: 1em;
padding-bottom: 0px;
padding-$startSide: 1em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

div#sidebar-wrapper {
margin: 0px;
padding: 0px;
text-align: $endSide;
}

div#sidebar {
width: 30%;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
}

Como podemos ver, al igual que ocurría con la plantilla Sand Dollar, la anchura tanto de la zona principal como de la barra lateral viene en porcentaje.

Lo que haremos será duplicar el código div#newsidebar realizando las siguientes modificaciones:

div#newsidebar {
width: 30%;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Además, cambiaremos el ancho de la zona principal del blog (div#main-wrapper), en vez de dejarlo en 66% lo vamos a definir en 40%.

También cambiaremos el ancho de las barras laterales (div#sidebar y div#newsidebar) en vez de 30% lo definiremos al 28%.

Hecho esto, accedemos al cuerpo de la plantilla (casi al final) y buscamos el código:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
</b:section>
</div>

Lo copiamos y pegamos antes de la línea <div id='main-wrapper'>, haciendo las siguientes modificaciones:

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>

Guardamos los cambios, desde la opción Elementos de la página agregamos a esta nueva columna un gadget, guardamos de nuevo los cambios y accedemos a visualizar el resultado que debería ser el siguiente:

Alta gratis en buscadores y directorios

La forma de dar a conocer nuestros blogs o páginas webs es añadiéndolas a directorios y buscadores.

Está claro que el buscador por excelencia es Google, y la forma de dar de alta la web o blog quedó explicada en esta entrada anterior, pero también existen otros buscadores en los que es interesante dar de alta la página.

Hoy os voy a poner una pequeña recopilación de buscadores y directorios donde podéis dar de alta completamente gratis vuestas webs o blogs para aumentar las visitas.

En algunos casos, los directorios implican un enlace recíproco a éste. Para quien no lo sepa, un enlace recíproco no es más que una pequeña imagen que tenéis que colocar en vuestro blog haciendo referencia al directorio.

Buscadores y directorios sin enlace recíproco

admiweb.org
blogsybitacoras.com
buscapique.com
buscareal.com
busco.com
catablogo.com
comoestamos.com
consigalo.com
directbati.com
directorioblogs.es
directorio-de-blogs.net
eldirectoriode.net
hispavista.com
infotelecom.es
jopinet.com
posicionatuweb.net
ugabula.com
weblogs.com
yahoo.com
zonadeblogs.com

Buscadores y directorios con enlace recíproco

alianzo.com
bitacoras.com
blogalaxia.com
blogarama.com
blogcatalog.com
blogesfera.com
bloggiar.com
bloghub.com
bloguisferio.com
blogust.com
bloxdir.com
boosterblog.es
compartimos.net
directorio-de-blogs.com
directoriowebz.com
directorioxd.com
estuportal.com
hispabloggers.com
technorati.com
thehouseofblogs.com
topbloglists.com
webespacios.com
yeapdir.com
zuloblog.com

Antes de terminar, hacer mención a páginas que os dan la posibilidad de dar de alta automáticamente vuestra web o blog en 5000 ... 10000 ... 20000 buscadores. Como opinión personal prefiero siempre el alta manual en vez de la automática, puesto que esta última forma de dar de alta no siempre tiene los resultados que esperábamos. Además, muchos buscadores y directorios tienen ya un código que hay que introducir para que el alta no se produzca automáticamente por otros medios.

También decir que a lo mejor para un blog esto no tiene mucha importancia, pero cuando se quiere dar a conocer un negocio por medio de su página web, éste es un aspecto a tener muy en cuenta.

Crear marquesina - Etiqueta MARQUEE

Para crear una marquesina (contenido de una web o blog que se desplaza en una dirección) tenemos la etiqueta MARQUEE y cuya configuración os enseñaré en esta entrada.

Como cualquier etiqueta HTML, la forma de aplicarla al texto o imágenes del blog o página web es la siguiente:

Mostrar posiciones ocultas para gadgets

En Blogger podemos encontrar nuevas posiciones para situar los gadgets del blog. Inicialmente estas posiciones se encuentran ocultas, aunque si bien es cierto, cuando arrastramos los gadgets encima de ellas, éstas se muestran.

Cuando accedemos a la pantalla Elementos de página dentro de la opción Diseño, ésta se muestra de la siguiente forma.

Si queremos que las posiciones ocultas para gadgets se muestren en esta ventana tan solo tendremos que hacer una pequeña modificación en el código HTML.

En primer lugar, accedemos a la opción Diseño -> Edición de HTML.

Activamos la casilla Expandir plantillas de artilugios y buscamos el siguiente código:

showaddelement='no'

Cuando lo hayamos encontrado que será más de una vez, lo modificamos por el siguiente:

showaddelement='yes'

Guardamos los cambios y accedemos de nuevo a la opción Elementos de la página que ahora se mostrará de la siguiente forma: