0

Premio 20 Minutos Mejor Blog 2009 ¡¡para Oloman !!


Oloman sonriente (y no es para menos) recoge uno de sus premios

Tres premios, no uno, ni dos,  sino TRES son los premios que nuestro amigo Oloman ha conseguido.

Mejor blog 2009: Diploma acreditativo, estatuilla, 3.000 euros y una columna del periódico 20 minutos de papel.
Mejor blog de Ciencia y Tecnología: Diploma acreditativo y estatuilla.
Mejor diseño: Diploma acreditativo y estatuilla.



Los premiados de la noche

FELICIDADES Oloman, ahora ya no tienes esa ventaja que decías tener porque te voy a reconocer cualquier día por la calle   FELICIDADES también al resto de los galardonados.

Fotografías de Jorge París, fotógrafo oficial del evento, obtenidas en El blog de blogs de Pablo Fernández.

0

File not found

Un blog en Blogger y el alojamiento de archivos ---> un problema recurrente y un problema que sólo tiene una posible solución, que el servicio nos permita alojarlos de una vez por todas ... pero eso es un sueño, una utopía, un ruego y nada más.

En este momento, el problema se ha generado en algunas cuentas de Fileden. Hace días que tienen problemas y no hay forma de acceder a ellas. Ahora, un comunicado oficial aclara las cosas. En resumen dicen que un fallo con los discos duros de un par de sus servidores han terminado por destruir parte de la información allí guardada y, al parecer, el contenido de ciertas cuentas se ha perdido y difícilmente pueda ser recuperado.

Esto afecta a todas las cuentas creadas en el año 2006 y las creadas en enero y julio del 2009.


Podrá ser un buen o mal servicio, podría haber sido evitado, quién sabe. Lo cierto es que esto es algo que puede pasar con cualquier sistema y en cualquier momento así que somos nosotros quienes debemos tomar acciones para minimizar los posibles consecuencias.

Es fundamental, entonces, que respaldemos la información y que esos respaldos sean redundantes.

Acostumbrémonos a exportar nuestro blog de manera sistemática y mantener no una sino dos o tres copias de estos archivos exportados en nuestra PC. Para eso, en Configuración | Básico, la primera opción es Herramientas del blog. Click en Exportar blog y nos guardará un archivo XML con las entradas, comentarios y otros datos de la configuración. Con ese archivo, mal que mal, podremos, en caso de emergencia, restaurar nuestro sitio haciendo el proceso inverso.

Lo mismo debemos hacer con la plantilla desde Diseño | Edición de HTML, hacemos click en Descargar plantilla completa y tendremos un archivo XML pero, esto no será suficiente. Los elementos agregados no se descargan así que deberíamos tomarnos el trabajo de copiar su contenido y guardarlo de manera separada.

Ningún sistema de backup incluye las imágenes así que tengamos la precausión de tenerlas en nuestra PC, lo mismo que todo otro tipo de archivo accesorio, scripts, CSS, Flash. No demos nada por sentado, ningún sistema es infalible y todo puede ser perdido en un instante. Nuestra única salida es ser precavidos.

Es recomendable usar Blogger mismo para alojar las imágenes de los posts y de la plantilla; si nos parecen importantes, tengamos una copia siempre disponible.

No confiemos en ningún servicio externo, tratemos de usar aquellos que nos ofrecen una URL amigable y alojemos las cosas en dos sitios o cuentas diferentes, de tal modo, podremos permutar rápidamente de uno a otro servicio sin necesidad de editar las entradas una por una. También podemos usar algún script como el que se explicaba en esta entrada o bien redireccionar los archivos de alguna manera, modificando los enlaces antigüos por los nuevos.

Una de las principales características de la web es su dinamismo y eso hace que todo sea efímero por lo tanto, no hay que confiarse jamás; ningún servicio es 100% fiable y cualquiera puede fallar. Mejor dicho, inevitablemente, en algún momento, todo servicio fallará. Si lo tenemos claro, los problemas serán molestos pero podremos resolverlos.

0

Últimas entradas con miniatura y animación

Abu Farhan a añadido al widget inicial de entradas con miniatura un afecto animado creado por las API de Google y jQuery eso hace que el efecto sea rápido y a la vez resulta muy atractivo y llamativo pero quiere decir también que si tenemos en nuestro blog otra librería pueden crearse conflictos entre ellas.

En Plantilla de diseño editamos un nuevo gadget de HTML.
En su interior añadimos el código que podemos copiar desde aquí, una vez añadido buscamos donde dice:
home_page = "http://www.raudhatulmuhibbin.org/";
ahí sustituimos la url marcada en negrita por la de nuestro blog.
Guardamos los cambios y lo podemos ver funcionado en segundos.

La personalización no varía de cualquier widget exceptuando que podemos personalizar los colores, fuente y fondo del widget
.
boxwidth = 255;
Ancho del widget.
cellspacing = 6;
Velocidad del efecto.
borderColor = "#232c35";
Color del borde.

bgTD = "#0000";
Color de fondo del widget.

imgwidth = 50;
Ancho de la miniatura de imagen.
thumbheight = 70;
Alto de la miniatura.
fntsize = 12;
Tamaño de fuente de los título.
acolor = "#666";
Color del título de entrada.

aBold = true;
El título, con false eliminamos el texto negrita.
text = "comments";
El texto de comentarios.
showPostDate = true;
Fecha de los post. Si ponemos False no se muestra la fecha.

summaryPost = 40
;
Número de carácteres del resumen.

summaryFontsize = 10;
Tamaño de texto del resumen.
summaryColor = "#666";
Color de texto del resumen.

numposts = 10;
Es el número de post que veremos.

0

Imagen fija para Twitter


Casi todos tenemos el enlace a Twitter en nuestra sidebar, pero hay otra forma de añadirlo para que siempre esté visible, la idea es la misma de la imagen fija al final del blog. En esa imagen añadimos el efecto deslizante porque se trataba de un efecto pero al tratarse de un simple enlace la podemos añadir sin efecto fijándola en un punto en concreto.

En un gadget de HTML añadimos:

<div id="twitterfijo">
<a style="display:scroll;position:fixed;bottom:345px;right:0px;" href="url-twitter">
<img src="url-imagen"/></a>
</div>

Si en lugar de añadirlo en un gadget preferimos añadirlo a la plantilla, podemos hacerlo justo antes de:
<div id='main-wrapper'>

La altura la escogemos en bottom:345px y la anchura right:0px
Hay que intentar que la imagen quede pegada al blog y no sobre el blog, de lo contrario es posible que se "esconda" detrás de algún bloque que tengamos añadido.
Puede verse funcionando en este ejemplo.
Se puede añadir cualquier otra imagen  y enlazar cualquier otro sitio que no sea Twitter.

En Todo Twitter podéis encontrar gran surtido de iconos y lo último en herramientas y utilidades para Twitter.


0

Guard

0

¿Estará funcionando el blog?

Is my blog working es un servicio online que verifica si un blog está funcionando y lo hace de manera rápida, mostrándonos cómo responde ante ciertas solicitudes.

Entramos la URL del sitio y en unos segundos tendremos información divididida en dos secciones. La primera, incluye datos como el chequeo del servidor, los feeds, el archivo robots.txt, la cantidad de página indexadas en Google y Bing, etc. La segunda, incluye un análisis sobre la velocidad y el volumen de las páginas.

Tres enlaces adicionales permiten acceder a otras herramientas:
Disponen de un bookmark así que podemos agregar este enlace a muestros marcadores.

REFERENCIAS:ghacks.net

0

Resumen Posts 3: Las miniaturas

Para terminar con los posts resumidos sólo faltaría una cosa, ver como colocar una imagen miniatura aunque primero voy a responder a una pregunta.

En el ejemplo anterior se muestra la forma de crear esos resúmenes del mismo modo que lo hace PeekABooPost; el home normal pero las páginas con listas de entradas resumidas. Ese no es el único modo de hacerlo y, en mi caso uso una condición diferente, el primero de cualquier pagina se muestra entero y el resto, resumido. Para eso, no hace falta cambair mucho, basta modificar la condición que antes era esta:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include data='post' name='ResumenPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
por esta otra:
<b:if cond='data:post.isFirstPost'>
<b:include data='post' name='post'/>
<b:else/>
<b:include data='post' name='ResumenPost'/>
</b:if>
Vamos entonces a la imagen. Primero, agregamos una celda más en la tabla que teníamos:
<b:includable id='ResumenPost' var='post'>
<table cellpadding='0' cellspacing='0' class='post-resumen'><tbody><tr>
<td class='celdaimg' rowspan='2'><div class='miniresumenpost' expr:id='&quot;thumb-&quot; + data:post.id'/></td>
.......
Tendrá una clase CSS llamada celdaimg y contendrá un DIV con una clase miniresumenpost y al que identificaremos individualmente con un ID: thumb-xxxxxxxxxx. El CSS para agregar será algo así:
.post-resumen td.celdaimg { /* el ancho de esa celda con la imagen */
width: 100px;
}

.miniresumenpost { /* la imagen será un fondo, centrado y del tamaño que uno quiera */
background: transparent url() no-repeat scroll 50% 50%;
height: 120px;
overflow: hidden;
width: 90px;
}
Esta sólo es una alternativa pensada para no redimensionar las imágenes ya que al forzarlas a tener un tamaño fijo se deforman. De este modo, se usa la imagen tal cual pero sólo se muestra una parte de ella; en este caso, la parte central y eso es lo que define la posición de background 50% y 50%.

Por último, el script que es el mismo que se utilizaba antes al que se le agrega el manejo de las miniaturas:
// RESUMEN POSTS
function resumenPost(idPOST) {

var divAuxiliar = "dummy-" + idPOST;
var contenido = document.getElementById(divAuxiliar);

// buscar una imagen y mostrarla
var listaImagenes = contenido.getElementsByTagName("img"); // leemos la lista de imágenes del post
var mostrarImagen = "http://img340.imageshack.us/img340/8063/imagennodisponible.png"; // la imagen por defecto
if(listaImagenes.length>0) { // si hay una imagen, usamos la primera que encontramos en el post
mostrarImagen = listaImagenes[0].src;
}
var spanThumb = "thumb-" + idPOST; // y la colocamos como fondo en el DIV
document.getElementById(spanThumb).style.backgroundImage = "url("+ mostrarImagen + ")";

// crear un extracto de la entrada
contenido = document.getElementById(divAuxiliar).innerHTML;
resumen = contenido.replace(/<[^>]+>/g,'');
longitud = 150;
var auxiliar = resumen.split(" ");
var nueva ="";
for(var i=0; i<auxiliar.length; ++i) {
nueva = nueva.concat(auxiliar[i]) + " ";
if(nueva.length > longitud) {break}
}
resumen = nueva +"...";
var spanResumen = "resumen-" + idPOST;
document.getElementById(spanResumen).innerHTML = resumen;

}
Y allí se acaba el juego. El resultado puede verse online en este blog de pruebas y la plantilla se encuentra en este ZIP