Gravatar

Una de las cosas que nos identifica en el mundo on-line es nuestro avatar. Cuando comentamos en un blog de Blogger no hay problemas, se añade automáticamente el avatar de nuestro perfil, pero cuando comentamos en otros blogs (basados en Wordpress, por ejemplo) no podemos añadir esta imagen. Para que nuestro avatar nos acompañe allí donde comentemos el sistema más extendido es Gravatar, cuyo plugin está instalado en la mayoría de los blogs. Este servicio asocia una imagen a una dirección de email, así que si introducimos esta dirección automáticamente saldrá la imagen asociada.

Hacerse con uno es muy fácil:
·Entrar en gravatar.com y clicar sobre "sign up now".
·Introduces tu email y esperas a que te llegue el mensaje de correo de confirmación; en ese mensaje incluyen el link para seguir con el proceso.
·Elijes la contaseña y ya puedes subir tu avatar clicando sobre "add a new one", desde Internet o tu ordenador. No te preocupes por el tamaño, luego podrás ajustarlo.
·Lo más curioso es el sistema de clasificación del avatar según muestre imágenes violentas, sexuales... pero me imagino que todos los vuestros serán "G".

Y ya está! Ahora el avatar seleccionado se mostrará cuando comenteis en todos los blogs de Wordpress que hayan instalado el plugin.

Anuncios muy llamativos

En el blog de César descubro el generador de texto animado de Fodey, que se puede usar para incluir un anuncio en una entrada de una forma muy llamativa. Puedes crear una ardilla, gato, flor, tomate o lechuza con un globito de texto tipo cómic o un generador animado con un ninja o mago escribiendo lo que desees.

Sólo tienes que ir a fodey.com, elegir tu diseño y escribir tu mensaje en el cuadro de texto. A continuación nos generará el código para que peguemos en nuestro blog, en una entrada o en la sidebar, añadiendo un nuevo elemento de página HTML/Javascript. También se puede descargar la imagen a través del link azul bajo la animación.
El código que obtenemos se puede personalizar: cambiar el tamaño, borrar el enlace y editar la descripción de la imagen.

Pero lo más divertido de esta página es que también podemos crear nuestra propia noticia en un periódico o claqueta de cine.

Menú lateral flotante

Entre las explicaciones de El Escaparate y las de Blog&Web he añadido un menú lateral flotante que me gusta bastante. En sólo dos pasos:

En primer lugar añadimos en el CSS de nuestra plantilla el código necesario para controlar el menú y que se muestre con los efectos que queremos. Vamos a Plantilla, Edición de HTML, expandimos artilugios y buscamos esta línea:
]]></b:skin>
Justo encima pegamos el siguiente código:
/* Scroll MenuIcon
---------------------------------------------
*/
#MenuIcon{
position:fixed;
text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:0px;
margin-left:-35px;
}

* html #MenuIcon{ /*IE only*/
position:absolute;
}

#MenuIcon a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#MenuIcon a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #MenuIcon a img{
filter:alpha(Opacity=100);
}

#MenuIcon img{
margin-bottom: -3px;
}

* html .MenuIcon{
margin-bottom: -3px;
}

Y guardamos cambios.

Segundo paso, añadir un nuevo elemento HTML-Javascript; para ello buscamos esta línea:
<div id='content-wrapper'>
Y justo debajo pegamos este código:
<div id="MenuIcon">
<span>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com" rel="external" title="VOLVER AL INICIO"><img alt="Home" src="http://img114.imageshack.us/img114/5226/homeuo9.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://www.blogger.com/profile/06743611108067453905" rel="external" title="SOBRE MI"><img alt="Home" src="http://img114.imageshack.us/img114/2736/yonh9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="mailto:lejaniaimposible@hotmail.com" title="CONTACTAME"><img alt="Contactar al Autor" src="http://img114.imageshack.us/img114/118/mailforwardgr2.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://feeds.feedburner.com/blogspot/hnBy" title="SUSCRIBIR A EL ESCAPARATE"><img alt="Subscribe a El Escaparate" src="http://img69.imageshack.us/img69/29/iconosrssea0.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/2007/01/ranking-de-comentarios-en-el-escaparate.
html" title="RANKING DE COMENTARIOS"><img alt="Comentarios del Escaparate" src="
http://img114.imageshack.us/img114/9202/yellowgelfh3.gif" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/search/label/?max-results=999" title="VER TODOS LOS POST DEL ESCAPARATE"><img alt="Entradas del Escaparate" src="http://img503.imageshack.us/img503/3457/eye1yl9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/2007/09/me-han-nominado.html" title="GALARDONES AL ESCAPARATE"><img alt="Premios del Escaparate" src="http://img210.imageshack.us/img210/296/ganadorescomercialrn5ui0.gif" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="# " title="IR ARRIBA"><img alt=" ir arriba" src="http://img69.imageshack.us/img69/1295/flecha12zi1.jpg" class="MenuIcon"/></a>
</span>
</div>

He copiado literalmente el código para el menú de Rosa porque ella tiene más opciones que yo he eliminado, aunque si os fijais en la estructura es fácil añadir o quitar botones, moverlos de posición... Ahora teneis que repasar cuidadosamente el código para sustituir los datos del blog de Rosa por los de vuestro blog.
También se pueden cambiar los iconos, pero deben ser todos del mismo tamaño, que en este caso es 22x22.
Donde se lee esta frase en el código: /*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */ cambiáis los valores si el menú queda muy arriba o muy abajo. Tal cual está son los valores de mi blog y el elemento con el código lo he puesto debajo de la cabecera, pero en cada caso el resultado será distinto, dependiendo del tamaño del "cuerpo" del blog. Usad la vista previa para evitar sorpresas y cuando esté a vuestro gusto, guardais cambios y listo!

Nube de etiquetas

Para poner una nube de etiquetas en el blog, pero sin que desaparezca la lista de etiquetas de Blogger (si lo que quieres es sustituir la lista por una nube puedes seguir los pasos de Ayuda para el blog), la única forma que he encontrado que me gusten los resultados es a través de ZoomClouds.

Es un servicio gratuito en el que nos permite extraer de un feed que elijamos los términos que más se repiten, de modo que le servirá para crear una nube de etiquetas; como en toda nube que se precie, el tamaño de las palabras es directamente proporcional al número de veces que aparece en el feed.
Para conseguir tu nube sólo has de seguir tres sencillos pasos: registrarse en Zoomclouds.com, poner la dirección del feed de tu blog y diseñar el aspecto de la nube: número, color y tamaño de las palabras, color de fondo y demás parámetros. Cuando por fin haya quedado a vuestro gusto según la vista previa nos generarán un pequeño código javascript para insertar en el blog.

Desde nuestra cuenta de ZoomClouds también podemos usar los filtros para eliminar las palabras no deseadas, y lo mejor es que se actualiza automáticamente en función del contenido de nuestras RSS.

Seguimiento de los comentarios

Si no es porque lo leí en Vagabundia no me doy cuenta: Blogger ha implementado una nueva opción para que no perdamos el rastro de los comentarios que hacemos en cualquier blog de Blogger. En el formulario de comentarios, basta con marcar la casilla en la que pone "Email follow-up comments to (nuestra dirección de email) para que cuando se agreguen comentarios en esa entrada nos avisen por medio de un mail y así poder seguirles la pista fácilmente.

La pizarra de Bart

En Recursosblog he encontrado la página de Milinkito, en la que puedes escribir el mensaje que desees en la pizarra de Bart. No genera el código de la imagen, así que sólo queda hacer una captura, pero aún así me ha parecido genial!

Blogs de ayuda para Blogger

Desde mi punto de vista, los tres mejores blogs de ayuda para Blogger. Es muy interesante darse una vuelta por sus entradas para ver qué cosas nuevas podemos añadirle al blog... y si tienes algún problema, los tres autores son amabilísimos y resolverán cualquier duda que les plantees vía comentarios: