Ranking Posts Más Comentados

Para mostrar en la página principal de una bitácora gestionada con WordPress el top-ten de los posts más comentados puedes crear un fichero llamado top-comentarios.php con el siguiente código:

<?php
//*****************************************************************
// Nombre Fichero: top-comentarios.php
// Descripción: Muestra los 10 enlaces de los posts más comentados de
// un blog gestionado con WordPress.
// Autor: Juan García Gálvez
// URL: http://www.bitacoradewebmaster.com
// Junio-2005
//*****************************************************************

// hacemos una conexion a la bd
$link = mysql_connect(”nombre server”, “usuario”,”contraseña”);

// seleccionamos la Bd
mysql_select_db (”Nombre_Base_Datos_WP”, $link);

$result = mysql_query(”SELECT wp_posts.ID, post_title, count( `comment_ID` ) AS frecuencia, user_nickname
FROM `wp_comments` , wp_posts, wp_users
WHERE comment_post_ID = wp_posts.ID
AND `post_author` = wp_users.ID
GROUP BY wp_posts.ID
ORDER BY frecuencia DESC
LIMIT 10″);

// La función mysql_fetch_arrayExtrae la fila de resultado como una
// matriz asociativa o falso si no quedan más filas.
if ($row = mysql_fetch_array($result))
{
do {
echo “<li>”.” n”;
// Limita la longitud de los títulos a 12 caracteres. Si es mayor se trunca el título y se añaden puntos suspensivos.
if(strlen($row["post_title"])<12)
{
echo “<a href=’http://www.bitacoradewebmaster.com/index.php?p=”.$row["ID"].”‘ title=’”.htmlentities($row["post_title"]).” - “.$row["user_nickname"].” -’>”.substr($row["post_title"],0,12).”…”.” (”.$row["frecuencia"].”)n”;
}
else
{
echo “<a href=’http://www.bitacoradewebmaster.com/index.php?p=”.$row["ID"].”‘ title=’”.htmlentities($row["post_title"]).” - “.$row["user_nickname"].” -’>”.$row["post_title"].” (”.$row["frecuencia"].”)n”;
}
echo “</li></a> n”;
}
while ($row = mysql_fetch_array($result));
}
else
{
echo “¡ La base de datos está vacia !”;
}
mysql_close($link);
?>

En el index.php debemos añadir el siguiente código en el interior del bloque menú:

…
<li>Los + Comentados</li>
<ul>
<?php include(”top-comentarios.php”); ?>
</ul>
…

Marcas de agua en tu web

Las librerías GD son una herramienta primordial para nuestras galerías fotográficas. Con ellas podemos modificar imágenes, reducirlas y en éste caso también podemos incrustarle marcas de agua para evitar que sean usadas por terceras personas sin nuestro permiso.

Os dejo un script de ejemplo en lenguaje PHP que se encargará de tomar todas las imágenes de una carpeta y nos las copie en otra nueva con nuestra marca de agua en cada imagen.

Nuestra tarea consistirá primeramente en crear la imagen que usaremos para nuestras marcas de agua. Debe ser en formato PNG de 24 bits, os recomiendo ponerle fondo transparente y algo de transparencia en la capa que utilicemos, para que se incruste de manera más profesional. Podéis usar tanto Adobe Photoshop o Gimp (para los que prefieran usar software libre).

Una vez que tenemos nuestra imagen (que no debe ser demasiado grande ni demasiado pequeña puesto que debe ser legible pero tampoco queremos que estorbe) la copiamos en la misma carpeta que las imágenes originales.

Ahora echamos un vistazo al siguiente código y personalizamos las rutas y demás variables a nuestro gusto.

< ?php
// directorio donde se ubiquen nuestras imágenes
$DIR_ORIGINAL = "/home/httpd/vhosts/midominio.com/httpdocs/imagenes";

// directorio de destino
$DIR_NUEVA = "/home/httpd/vhosts/midominio.com/httpdocs/marcas";

// el siguiente valor es para limitar el tiempo de espera para la ejecución del script
// mejor dejémoslo ilimitado puesto que nos pueden resultar cortos los 30 segundos que tiene por defecto.
set_time_limit(0);

// funcion marcadeagua()
function marcadeagua($img_original, $img_marcadeagua, $img_nueva, $calidad) {

// obtener datos de la fotografia
$info_original = getimagesize($img_original);
$anchura_original = $info_original[0];
$altura_original = $info_original[1];

// obtener datos de la "marca de agua"
$info_marcadeagua = getimagesize($img_marcadeagua);
$anchura_marcadeagua = $info_marcadeagua[0];
$altura_marcadeagua = $info_marcadeagua[1];

// calcular la posición donde se debe incrustar la "marca de agua"
// en este caso la centramos tanto en altura como en anchura
$horizextra = $anchura_original - $anchura_marcadeagua;
$vertextra = $altura_original - $altura_marcadeagua;
$horizmargen = round($horizextra / 2);
$vertmargen = round($vertextra / 2);

// crear imagen desde el original
$original = ImageCreateFromJPEG($img_original);
ImageAlphaBlending($original, true);

// crear nueva imagen desde la marca de agua
$marcadeagua = ImageCreateFromPNG($img_marcadeagua);

// copiar la "marca de agua" en la fotografia
ImageCopy($original, $marcadeagua, $horizmargen, $vertmargen, 0, 0, $anchura_marcadeagua, $altura_marcadeagua);

// guardar la nueva imagen
ImageJPEG($original, $img_nueva, $calidad);

// cerrar las imágenes
ImageDestroy($original);
ImageDestroy($marcadeagua);
}

$dir = opendir($DIR_ORIGINAL);

while(false !== ($file = readdir($dir))) {
if (!is_dir($file) && $file != "." && $file != ".." && exif_imagetype($file)==2) {

// aplicar función
marcadeagua($DIR_ORIGINAL."/".$file,"marcadeagua.png",$DIR_NUEVA."/".$file,100);
}
}
closedir($dir);

?>

Si seguimos estos pasos tendremos un resultado parecido a éste fantástico script llamado Oscommerce que aún estoy configurando en PuntoGeriátrico.com. En ella todas las fotos tienen una misma marca de agua, la cual tardé escasos minutos en aplicársela, después de un cambio de planes en el cual a última hora me pidieron que pusiese marcas de agua a todas las imagenes :| un duro trabajo si lo hubiesemos hecho todo a mano no?.

Fuente original: Guebs.com
Autor: Aitor Ortuondo.

Google Video

Volvemos a la carga con Google. Hacía tiempo que no escribía nada sobre el gigante buscador que tantas noticias nos había deparado. La nueva noticia es el lanzamiento de otro de sus ?servicios¿. Se trata de Google Video. Sí, vale. No es nuevo. Para el que no lo haya visto antes, lo explico: se trata de un buscador de vídeos. Lo interesante es que te permiten subir vídeos a su sistema de servidores, y luego cobran por bajarlos (al menos eso tengo entendido).

La novedad es la siguiente: Google acaba de poner disponible su visor de vídeo. Se trata de un visor de vídeo para ser empotrado en los navegadores más usados (IE y Firefox), que facilitará la previsualización de los vídeos de su buscador (en Error500 lo han asemejado (muy acertadamente) a un iTunes Video. La novedad, es que está basado en el reproductor VLC, que al ser libre y estar liberado bajo licencia GPL, obliga a Google a liberar a su vez su software, por lo que toda la comunidad se beneficiará de las mejoras que consigan introducir.

Ya disponemos de otro excelente visor empotrado en nuestro navegador favorito. El problema es que hasta ahora sólo han sacado versión para Windows, aunque prometen, en este orden, sacar versiones para Mac y Linux.

Bancos de Imágenes

El libre acceso a las imágenes ya lleva tiempo implantado en Internet, y se puede llegar a ellas gratuitamente a través de páginas como:

1. Getty Images.
2. Comstock.
3. Digital Vision.
4. Deviantart.
5. PBase.
6. Pixel Perfect Digital.
7. Stock Xchng.
8. Epictura.
9. Morgue File.
10. Image After.
11. Yoto Photo.
12. Texture Ware House.

¿Conoces otros sitios? Añade un comentario comunicándolo y será agregado a la lista.

Netscape 8: El centro de navegación

Ya tenemos aquí el nuevo Netscape. Después de meses de trabajo y corrección de errores, una versión verdaderamente estable de éste navegador (concretamente la 8.0.2) está disponible para descargar.

Netscape no es un nombre desconocido para nadie. Anteriormente a la gran guerra de los navegadores a la cual asistimos, ésta se reducía a la pugna Netscape -Internet Explorer. Hasta que Microsoft, incluyendo su navegador en el S.O se cargó toda la gracia que tenía el invento.

Sin embargo, y siendo cierto aquello que dice Valdano de “el que no compite no progresa”, el navegador de Microsoft ha ido degenerando en una herramienta poco útil, con pocas funcionalidades, que unos parchean para que al menos tenga pestañas y otros simplemente sustituyen por otro como puede ser Firefox, Maxthon, Opera, etc. Ésta debilidad del “producto rey” del sector (notese que lo de producto rey va entrecomillado) ha provocado la citada guerra por desbancarlo entre productos de gran calidad. Ya hemos hablado en otras ocasiones de alternativas a I.E, sin embargo aún no habíamos hecho referencia al que podemos considerar como “el eterno rival”, aquel Netscape que se batió sus líneas de código con los primeros navegadores de MS.

Pues bien, El regreso ha sido, cuanto menos, trabajado. Netscape incorpora muchísimas funcionalidades, unas de mayor utilidad y otras aún por depurar, algunas ya casi estandarizadas en el mundo de los navegadores, como pueden ser las pestañas y el soporte RSS, y otras completamente nuevas y seguramente para muchos, a imitar a partir de ahora. A primera vista impacta la nueva apariencia del navegador. Como ya avanzamos en su dia, la interfaz gráfica ha sido muy cuidada, si bien, dada la gran cantidad de utilidades que incorpora, en un principio resulta un poco complicado hacerse con su uso, se nos va el ratón a determinadas zonas de la pantalla buscando cosas que no están alli, como el menú o el cuadro de url, no obstante, es cierto que éstas posiciones son personalizables por el usuario.

Una vez que nos ponemos a trastear la aplicación, encontramos muchas utilidades (algunas inutilidades también) como un iconito en la parte inferior izquierda que nos permite visualizar las paginas bien con el motor de Firefox, bien con el de I.E (lo bien que vendría algo que simulase al menos la visualización en Konqueror y derivados), algo realmente útil para quienes diseñamos páginas. También encontramos la posibilidad de visualizar nuestros contactos de AIM desde el mismo navegador o ver si tenemos correo en cualquiera de nuestras cuentas de correo webmail (GMail, Hotmail, Xasamail, etc.). Además disponemos de otras informaciones menos útiles para nosotros como el clima o las noticias mas frescas en USA, ya se sabe que éstas funcionalidades nunca están disponibles para nuestros países. Todo ello, por supuesto con las ya habituales pestañas, soporte RSS, bloqueador de pop-ups, administrador de contraseñas,soporte de addons, importador de favoritos desde otros navegadores, botón de limpieza de historial y cookies, y cualquier función útil que ya hayamos visto en otro navegador. Realmente a éste Netscape 8 se le escapan pocas cosas.

Quizás tarda más que Opera en renderizar las páginas, es menos simple que Firefox y carga mas lento que I.E, pero en conjunto, Netscape 8 es un buen navegador al que le encuentro grandes virtudes y que me gusta utilizar. Veremos si me canso pronto de él o termina por desbancar a mi Firefox

10 consejos para la seguridad en linux

Un enlace con consejos muy conocidos pero que no está de mal recordar.

NTP (Network Time Protocol) en Linux

¿A quien no le pasado alguna vez que va a mirar la fecha y hora del servidor y se encuentra con la sorpresa de que están muy lejos de ser datos reales? El tiempo en los servidores es fundamental, sobre todo porque esa información queda reflejada en los distintos logs que tengamos en el sistema.
Una buena solución es hacer uso de NTP (Network Time Protocol). El funcionamiento es simple: existe una serie de servidores de hora en Internet en los cuales se confía totalmente en cuanto a la fecha y hora que tienen; tendríamos que conectar mediante NTP nuestro servidor o servidores con alguno de éstos comentados anteriormente y ya está. Bueno ya está no. Se suelen crear niveles de acceso a los servidores mediante NTP. Por ejemplo en mi caso tengo que cada servidor toma el tiempo de una máquina en la red que a su vez lo toma de un pool de servidores confiables existentes en Internet.

¿Cómo hago que mi servidor tome el tiempo de otro?

0.-Descargar el software de http://ntp.isc.org/bin/view/Main/SoftwareDownloads.

1.- Ejecuto la sentencia siguiente para sincronizar:

Se suele ejecutar dos-tres veces antes de pasar al siguiente paso.

2.- Configuro el servicio.

Edito el fichero /etc/ntp.conf y añado como mínimo la siguiente entrada:

3.- Inicio el servicio.

¿Cómo comprobar que la sincronización es correcta?

El comando ntpq -p me permite observar si todo va bien fijándome en la columna st. Si este valor es 16 no existe conexión.

Más info en:

http://www.ntp.org
http://www.tldp.org/HOWTO/TimePrecision-HOWTO/ntp.html#ntp.ntp

El tiempo en tu web

TuTiempo.com es un interesante portal que ofrece a los webmasters un script que permite mostrar la información meteorológica de una ciudad del mundo.

Los datos se actualizan cada 20 minutos.

Para insertar el tiempo en tu web sigue las instrucciones.

NetStumbler: Buscador de redes inalámbricas (WIFI)

Se trata de un programa Windows con una interfaz muy sencilla de utilizar, con el que podremos buscar redes inalámbricas y obtener bastante información sobre ellas. Desde decirnos la marca del adaptador o router, cantidad de señal que nos llega, dirección MAC del dispositivo, tipo de conexión….etc. Toda esta información puede ser almacenada en nuestro equipo, para ser consultada “offline” y así estudiarla más detenidamente.

Gracias a una de sus características, podemos registrar las coordenadas en la que nos encontramos, para obtener el punto desde donde se está emitiendo. Para esto, es necesario utilizar un GPS conectado a nuestro ordenador o PDA. Gracias a esta utilidad, los amigos del Wardriving pueden hacer sus mapas de cobertura con bastante nivel de detalle.

También es ideal para aquellos que quieren probar la efectividad de sus enlaces, ya sea con antenas caseras o compradas.

El tipo de redes que reconoce son: 802.11b, 802.11g y 802.11a.

Es un programa gratuito y podemos descargarlo desde la Web Oficial, alguna de sus dos versiones de la sección Download:

- NetStumbler: esta es la versión para Windows en PC – Manual –
- MiniStumbler: esta versión sirve para Windows CE (PDA) – Manual –

Mostrar capa teniendo en cuenta el scroll

El otro día estaba tratando de mostrar una capa al pasar el puntero del ratón sobre una imagen, de manera que la capa apareciera justo debajo del puntero del ratón. Al principio sólo tuve que mostrarla cuando se lanzará el evento onmouseover, pero a medida que iba añadiendo controles a la página ésta se iba haciendo más grande hasta que apareció el maldito scroll. Lo que ocurrió entonces es que la capa no me salía justo debajo del puntero del ratón sino que se desplazaba arriba o abajo. Después de un rato mirando el código me di cuenta que el desplazamiento que se producía era equivalente al desplazamiento que tenía la barra de scroll, por lo tanto, para solucionarlo tuve que sumarle a la posición actual del ratón, el desplazamiento de la barra de scroll:

document.getElementById(”divObservaciones”).style.left=event.clientX + document.body.scrollLeft;
document.getElementById(”divObservaciones”).style.top=event.clientY + document.body.scrollTop;

Esto se debe a que event.clientX y su homólogo en el eje Y toman una posición relativa a la pantalla, mientras que las propiedades left y top toman medidas absolutas, por lo que se produce un desfase. Si a la posición del puntero del ratón le sumamos los desplazamientos, tanto horizontal como vertical del scroll, obtendremos las posiciones absolutas que demandan las propiedades left y top.

Con esto la capa siempre se muestra donde yo quiero, aunque haya un scroll de por medio.

S3rGy0.