Juglar / v.CIII

De tu blog:
El BLOG de manuti: Hacer una copia del blog.
Copias de seguridad y tu blog. » BlogMundi
BackupMyBlog
Para Blogsome con Ecto: Paint the Tiger » Backup Blogsome Posts, www.blogsome.com - Backing up blog.

De tu configuración de Firefox:
BackupFox 0.6
MozBackup

De tus enlaces en del.icio.us:
Cómo hacer un backup de Del.icio.us | Microsiervos
blogpocket 6.0 » 11 formas de guardar los enlaces de del.icio.us

Por lo visto, no decae el fenómeno meme. A propuesta de Andrés, unos apuntes sobre las estadísticas del blog. Ciertamente, no es algo que me preocupe en demasía, pero resulta interesante consultarlas de vez en cuando, sobre todo para ver de dónde proceden tus lectores, o cómo te tratan los buscadores. En Perfiles tengo recogido diversos puntos donde se clasifica a este blog. Veamos lo que pide el meme:

- Pagerank 5.
- Technorati Rank: 26,823 (180 enlaces de 88 sitios)
- En el ranking de Alianzo soy el 4º de Aragón.
- Performancing, mi actual sistema de estadísticas, indica que en el último mes he recibido 3971 visitas (265 por día). Y según Blogsome, 10564 (340 por día).

Y ahora un breve analisis de estadísticas por parámetros:
- Países: España (49%), Mexico (13%), Chile (10%), Argentina (8%).
- Lenguajes: Castellano (85%), English (9%).
- Navegadores: Internet Explorer (51%), Mozilla-Firefox (44%).
- Sistemas operativos: Windows (96%).
- Resolución de pantalla: 1024x768 (58%), 800x600 (16%), 1280x1024 (14%).

El muerto se lo paso a:
Avería
Patricio
Tardano
Algún raisa
Blógico

Colecciones de botones:
gtmcknight.com: Steal These Buttons
Web Badges / Buttons | ZwahlenDesign

Generadores de botones-recuadro:
Blog Flux
Adam Kalsey
LucaZappa.com
Créer des boutons
Pixel Button
eKstreme.com
Dynamic Drive online tools: Button Maker

Generadores de botones elaborados:
glassy buttons
Buttongenerator
Buttonator

Usar CSS en vez de imágenes para hacer botones:
[ws] Inline Buttons (2.0)
The CSS XML / RSS Button
3-d push button effect
Webmaster: CSS Button
Webmaster Libre » Botones simples con CSS
Dynamic Drive CSS Library- 3D CSS buttons
Garbage In, Garbage Out - Simular un enlace con un botón mediante CSS
Garbage In, Garbage Out - Simular un enlace con un botón mediante CSS (versión 2)

Tutoriales:
Cómo crear botones animados .gif

Primero, el HTML básico que muestra el título. Debe presentarse con la etiqueta <h1>

<h1>Título del blog</h1>

Pero también queremos que el título sea un enlace a la página inicial de nuestro blog:

<h1><a href="http://url_inicio" title="Título del blog">Título del blog</a></h1>

Que suele escribirse con las etiquetas propias de cada CMS (ejemplo Blogsome):

<h1><a href="{$siteurl}" title="{bloginfo show='name'}">{bloginfo show='name'}</a></h1>

Y por último (cómo mínimo) lo englobamos en un bloque que consideramos la cabecera (Como bien indica Marcoss, no es necesario este div si solo va a contener el h1. Su utilidad se ve mejor plasmada si va a englobar más elementos - una descripción, por ejemplo - , o si se requiere para obtener más posibilidades de diseño):

<div id="cabecera">
<h1><a href="{$siteurl}" title="{bloginfo show='name'}">{bloginfo show='name'}</a></h1>
</div>

A partir de este HTML, podemos personalizar título y cabecera a nuestro antojo con CSS con colores, bordes, etc. Por ejemplo:

#cabecera {
padding: 0 0 10px;
border: 1px solid #666;
}
h1 {
margin: 0;
padding: 0px 10px;
font-size: 2.5em;
font-weight: normal;
}
h1 a {
color: #666;
}

Si quisieramos poner una imagen como fondo de la cabecera (teniendo en cuenta los atributos de background):

#cabecera {
background:url("http://url_imagen.png")bottom repeat-x;
}

En Free Web Page Headers podemos encontrar muchas imágenes para cabeceras.

Subiendo un nivel de dificultad, pasaríamos a sustituir el título por una imagen que muestra el título (lo cual ofrece infinitas posibilidades estéticas con un programa de edición de imágenes tipo Photoshop o Gimp, y una escogida colección de fuentes). Es la llamada técnica de reemplazo de textos, por ejemplo:

h1 {
background: url("http://url_imagen.png") no-repeat;
height: ?px; /* altura de la imagen */
text-indent: -9999px;
}
h1 a {
display: block;
}

Aunque también existe opción con javascript: Personaliza el titulo de tu sitio con javascript.

<div id="cabecera" onclick="window.location='http://www.stanmx.com/';" title="Título del blog">
<h1><span>Titulo del blog</span></h1>
</div>

h1{
background: transparent url("http://url_imagen.png") no-repeat top;
width: ?px;
height: ?px;
}
h1 span {
display:none;
}

Aunque hay que advertir que estas dos opciones presentan problemas de accesibilidad cuando no es muestran las imágenes o no funciona javascript, respectivamente.

La combinación de la tecnología RSS y las listas de correo han dado lugar a una serie de servicios, que si bien probablemente nunca llegará a ser un medio masivo para distribuir la información, satisface las necesidades un determinado grupo de usuarios (los que están en un grado previo a incorporarse plenamente al mundo de la sindicación). La mayoría de estas herramientas permite:
- Recibir actualizaciones de canales RSS en tu correo electrónico (desde el lado del lector).
- Enviar correos de las actualizaciones de tu blog a tus lectores (desde el lado del blogger).

Bloglet
Bot A Blog
R-mail
El avisador
FeedBlitz
Blog Email Subscription Service
ERA
Squeet
Feedlinx
Queoo
Zookoda
Yutter
FeedBurner
NewsGator Online
ZapTXT: (con filtros)
Feed Mailer
RSS:Forward
RSS Gecko
SimplyHeadlines

Nos encanta poner enlaces y botoncitos en el menú y en los artículos de nuestra bitácora, que consideramos útiles para los lectores o para nosotros (los autores).Personalmente, he puesto y quitado muchos de estos “adornos“, pero bien cabe una reflexión sobre lo que es verdaderamente útil, y lo que incluimos por moda o porque “queda mono”.

Cosas inútiles que ponemos en nuestro blog:
- Un enlace del post a del.icio.us (u otros servicios de bookmarking): Los usuarios activos de este tipo de servicios suelen usar otro tipo de herramientas, como bookmarklets.
- Suscribir a Bloglines (u otros servicios de sindicación de contenidos): lo mismo que antes.
- Un buscador de Google: ya lo solemos tener en nuestra página de inicio, en la barra de Firefox… El lector no lo necesita.

Supongo que este tema es muy subjetivo (yo soy el primero que incurro en este tipo de pecados), pero sirva como llamada a la reflexión para que pensemos en términos de utilidad.

Technorati (juglar)
PubSub LinkStats (juglar)
Talk Digger (juglar)
Bloglines | Citas (juglar)
Google con comando “link:” y sin “http://” (juglar)
Yahoo! con comando “link:” y con “http://” (juglar)
Búsqueda de blogs de Google (juglar)
Who links to me?
Backlink
Cool Anchor Text Backlink Checker
socialmeter
Blog Juice Calculator
SEO Tools » Domain Popularity Check

No me han convencido los servicios que permiten mostrarlos en tu web directamente, pero es fácil implementarlo si el servicio que muestra tus referencias permite sindicación. Ejemplo combinando Technorati y FeedDigest en la siguiente página: Referencias.

Actualización: WhoLinked podría ser una opción para mostrar en tu web quién te enlaza. También BackLinkr.

Actualización2: En BlogMundi se comenta que la manera más fiable de obtener los enlaces a tu web desde Yahoo, sería usando el comando:
linksite:tudominio.com -site:tudominio.com (juglar)

Traductores online:
Google
Babel Fish Altavista
WordReference
Free Translation
Systran
WorldLingo
ElMundo.es - traductor
Multilingual Search
AJAX Translator
Internostrum: Catalán.
OpenTrad: Catalán, gallego, euskera.
3000 Hiztegia: Euskera.
Thesaurus Visual: Sinónimos visuales.

Añadir un enlace en cada post que traduzca tu artículo (de castellano a inglés), usando Google:
<a href="http://www.google.com/translate?u={permalink_link}&hl=es&ie=UTF8&langpair=es%7Cen&langpair.x=9&langpair.y=13&langpair=es%7Cen" name="langpair">Traduce este post al inglés</a>
Sustituyendo {permalink_link} por la etiqueta de tu CMS que corresponda a la URL del post.

Nativetext: Traductor de feeds RSS.
gTranslate: Extensión Firefox que traduce un texto, tan solo seleccionándolo.
Botones de traducción: Bookmarklets para traducir.
Traducción instantánea para nuestro blog | aNieto2K
NoFunc · Language Menu
Juglar :: Terminología Spanglish

A propuesta del Pato-lógico, una utilidad para mostrar el tiempo aproximado de lectura cada artículo del blog. Observad su artículo para el caso Blogger. A continuación los pasos para Blogsome (ver su demo):

Guardar el siguiente archivo javascript palabra.js, o bien insertarlo directamente en el head:
<script type="text/javascript">
function tlectura(idpost,idtlectura) {
var txt = document.getElementById(idpost).innerHTML;
var ppmin = 250;
if (txt){
txt = txt.replace(/< [^>]+>/g, ” “);
var palabras = txt.match(/(\w|�|�|�|�|�|�|�|�|�|�|�|�|�)+[\s\n\r\t,\.;:”‘\(\)\{\}\[\]$]*/g);
var palabrapost = 0;
if (palabras) {palabrapost = palabras.length;}
if (palabrapost < = {
document.getElementById(idtlectura).innerHTML='‘+”Tiempo lectura: Menos de 2 segundos”+’< '+'/sp'+'an>‘;
} else {
xminutos = parseInt(palabrapost/ppmin);
xsegundos = Math.round(60 * (palabrapost/ppmin - xminutos));
document.getElementById(idtlectura).innerHTML=’‘+”Tiempo lectura: “+((xminutos>0)?xminutos:”")+((xminutos>0)?((xminutos == 1)?” minuto “:” minutos “):”")+((xsegundos>0)?xsegundos:”")+((xsegundos>0)?((xsegundos == 1)?” segundo”:” segundos”):”")+’ < '+'/sp'+'an>‘;
}
}
}
</script>

En el apartado post de la plantilla:
- Identificar cada artículo con el atributo:
id="j{the_ID}"
Que podría quedar por ejemplo (según la plantilla):
<div id="j{the_ID}">
ó
<div class="post" id="j{the_ID}">

- Añadir la llamada al script que cuenta las palabras:
<script type="text/javascript">tlectura("j{the_ID}","elposttlec{the_ID}");</script>

- Donde queramos desplegar el texto del tiempo de lectura del artículo:
<span class="tlectura" id="elposttlec{the_ID}"></span>

Correctores ortográficos online:
Orangoo Spell Check
Corrector Ortografico Español en línea
STILUS
revisor

Instalar un corrector ortográfico en tu web:
GoogieSpell

Tooler | Más correctores online de ortografía
Genbeta - GoogieSpell