Resulta que siempre encuentro a personas usando ese bugware llamado Internet Explorer, y la verdad es que a parte de ser super-archi-ultra-mega-hiper-vulnerable, es no-estandar y sobre todo aburre!

¿Por que aburre Internet Explorer?

Por que si, por eso; en este post quiero mostrar el odio que tienen ciertos webmasters hacia dicho navegador, por ejemplo aqui vemos un post donde un sujeto muestra su odio a IE; personalmente no es odio lo que siento, solo que me resulta trágico diseñar algunas webs (por que por naturaleza no me gusta el diseño, prefiero que el diseño me lo genere un software y programar el software para me genera el diseño ) y siendo IE el navegador por defecto de muchos cibernautas pues éste mismo requiere de hojas de estilo no-estándares para aplicarles ciertas características y hacer que el sitio web se vea un tanto bonito; a continuación te dejo una pequeña lista de navegadores alternativos (click en los logos para ir a la página de descarga):

Mozilla Firefox; este navegador es lindo y extensible, tiene soporte html5 pero no soporta videos codificados con h.262, por lo cual no podrás ver videos en yutubi, ya que Youtube optó por este tipo de codecs para su versión en html5;

Opera Browser; navegador bastante práctico y sencillo, dispones de un “no se que” donde puedes enlazar tus páginas favoritas y acceder a ellas tan solo abriendo una pestaña nueva y dando clic sobre su snapshot, al parecer no tiene soporte para html5;

Apple Safari; estético y práctico (por ser un producto de apple), la sencillez de su interfaz se asemeja bastante a la interfaz de Google Chrome , tiene soporte oficial para html5 y viene con el Codec h.262 integrado para ver videos en yutubi! lo más interesante es que su motor de renderizado está basado en webkit; por lo que el diseño que hagas en CSS será genial y el soporte de javascript tmb será fantástico (todo esto si eres webmaster)

Google Chrome; al igual que Safari también cuenta con el motor de renderizado webkit, asi que el diseño web y el soporte javascript de chrome es compartido con Safari!

¿Por que no usar Internet Explorer?

Por que navegar por la web debe ser un lujo y 100% estable, no debería ser una pesadilla; si quieres gozar de las actuales tecnologías web te recomiendo echar a la papelera de reciclaje tu viejo y horrible navegador Internet Explorer 6, o simplemente cambiar tu Internet Explorer 8 por uno de los navegadores mencionados! y verás como tu experiencia en la web será fantástica!; Personalmente recomiendo usar Firefox  o Safari,;me da miedo usar Chrome, ya que siendo software de Google a lo mejor tendría indexada mi vida y eso no me gustaría!

¿Usas GNU/Linux?

Pues Opera y Chrome estan disponibles para GNU/Linux, pero ¿realmente quieres uno de esos navegadores en tu distribución?, personalmente recomiendo Epiphany, Midori o Konqueror, ya que estos 3 navegadores tienen WEBKIT como motor de renderizado, ello te provee de un placer visual y funcional en aplicaciones web ; no te pongo link de descarga de esos navegadores por que los tienes en tus repositorios!

Anteriormente escribí un post sobre como instalar flash player en slackware; te puede resultar útil si es que necesitas ver videos en yutubi

Dominios Punto Pe

Muchas veces necesitamos ponernos en contacto con el administrador de un dominio .pe en particular.  Lamentablemente los dominios .pe no cuentan con un server whois para acceso público (mediante scripts), asi que el único método (por ahora) de conocer el “propietario” de un determinado dominio punto pe es mediante la página de Whois de la Nic Perú. La dirección es la siguiente Whois Punto Pe, solo tenemos que poner el dominio a examinar y su tld (“extensión”) correspondiente.

¿Qué son los dominios .pe?

Son los dominios territoriales de Perú Ignoranto Blog es un blog peruano, si necesitas más información puedes recurrir a la wikipedia y su artículo sobre .pe

¿Cómo registro un dominio .pe?

A través de la página punto.pe o a tramitando el registro mediante alguna empresa de hosting y registro de dominios.

¿Es necesario tener un dominio .pe?

Solo por identidad nacional y para que nuestros visitantes sepan que la página que visitan es una página peruana , el gran inconveniente es el precio, lamentablemente los dominios territoriales de Perú cuestan 3 veces más que uno genérico.

¿Por que ignoranto blog no tiene domino .pe?

Lo mismo me pregunto yo! ¿Por que no tengo dominio .pe?

¿Que es un sitemap?

Es un archivo XML con el contenido de cada enlace de nuestro sitio, el tiempo de actualización (diario, semanal, mensual, o nunca actualiza), la fecha y hora de la útima actualización y la prioridad sobre cada enlace.

¿Como creo un sitemap?

Si nuestro sitio fue hecho a mano, pues tendremos que recurrir a algun algoritmo mágico que genere un sitemap o simplemente ir a xml-sitemaps, una página donde solo poniendo nuestro url, la web generará un sitemap.xml

¿Dónde instalo el sitemap.xml?

En la carpeta raiz de nuestro dominio, éste sitemap debería quedar asi dominio.com/sitemap.xml

¿Cómo notifico a google mi sitemap?

Mediante esta dirección

www.google.com/webmasters/tools/ping?sitemap=sitemap_url

Donde sitemap_url es la URL completa al sitemap http://ignoranto.info/sitemap.xml, Google nos recomienda codificar el URL de la siguiente manera:

www.google.com/webmasters/tools/ping?sitemap=http%3A%2F%2Fwww.susitio.es%2Fsitemap.gz

De todos modos es recomendable tener una cuenta en http://www.google.com/webmasters/ para ver las estadísticas del sitio y errores encontrados en él.

Requisitos (Se incluyen enlaces a descargas):

• Conocimientos de PHP [a nivel teletubi]
• Conocimientos de Plantillas Wordpres [Básico/Medio]
• Editor de imágenes [Gimp, Photoshop, mspaint.exe]
• Editor PHP [Aptana, Geany, notepad.exe]

Ok, primero necesitamos que nuetro Theme NO tenga la opción de “cabecera personalizada”, pero si la tiene la podemos desactivar, pero…

¿Por que no debe tener cabecera personalizada?
Por que nosotros mismos programaremos y modificaremos nuestro template (plantilla) para que cambie de cabecera cada vez que alguien visite nuestro blog

Antes de Eliminar la Cabecera personalizada

¿Cómo será el funcionamiento?
Crearemos funciones de PHP las cuales se encargarán de leer el contenido de un directorio (de imágenes), el cual insertará como background la dirección de la imagen extraida, todo esto al azar! Las funciones las guardaremos en el archivo functions.php de nuestra plantilla.

Archivos de nuestra plantilla que deberemos de editar (la mayoria de plantillas cuentan con estos archivos)

• style.css
• headers.php
• functions.php

Funciones PHP que usaremos

• scandir($directorio); crea un array con los nombres de archivo dentro de un directorio;
• rand($min, $max); devuelve un número aleatorio entre los valores $min y $max;
• count($array); cuenta la cantidad de datos dentro de un array;

Funciones de WordPress que usaremos

• bloginfo($parametro); imprime un valor según el parámetro ingresado, usaremos el parametro “template_url”, la función nos mostrará la url de la plantilla!

NOTA: Por seguridad antes de hacer cambios en dichos archivos debemos de crear una copia de los mismos (respaldo)

Despues de eliminar la Cabecera Personalizada

En este pequeño tutorial usaremos como ejemplo la plantilla Yashfa [clic para descargar] de WPgpl.com, ésta plantilla tiene la opción de “Cabecera personalizada”, como se dijo anteriormente quitaremos dicha propiedad para que nuestro template cambie por si mismo de cabecera en cada visita y editaremos los archivos anteriomente mencionados.

MODIFICANDO functions.php

Las plantillas para wodpress incluyen el archivo functions.php donde guardan un conjunto de funciones a utilizar y  funciones que añaden “capacidades extras” de la plantilla en nuestro panel de WordPress, el archivo functions.php de Yashfa tiene ésta línea de código [línea 134]

if ( function_exists('add_custom_image_header') ) {
 add_custom_image_header('header_style', 'admin_header_style');

Eliminaremos esas líneas, tambien podemos comentarlas (para comentar usamos /* texto no visible */), una vez que las hayamos comentado, eliminamos (opcionalmente) las funciones “header_style” y “admin_header_style”, ya que estarían en vano (y sería código innecesario) debemos de tener mucho cuidado de eliminar o no <?php  ?> ya que se está mezclando el código PHP con HTML y si olvidamos “cerrar” el código PHP probablemente nos encontremos con un terrible error!

Una vez que eliminamos las funciones y también la condición, ahora crearemos nuestra función para imágenes aleatorias! Las funciones serán las siguientes:

1. Una función que lea un directorio de imágenes
2. Una función que imprima el código css para incluir el fondo aleatorio

Crearemos 2 funciones, imagenAleatoria() y fondoAleatorioCSS(); también usaremos una variable global llamada $dir.

Variable global $dir
$dir contendrá la URL hacia la carpeta de imágenes de nuestro tema, se ha creado la carpeta “splash” exclusiva para guardar las imágenes de fondo usadas por nuestra plantilla (yashfa) modificada!, el valor de $dir que usaremos dentro de functions.php será >> “wp-content/themes/yashfa/images/splash”;

$dir = "wp-content/themes/yashfa/images/splash";

» Función imagenAleatoria(); ¿Cómo funciona?
Esta funcion lee un directorio de imágenes usando scandir(), nos crea un array y usando rand() generamos un número entre 2 y el tamaño máximo de nuestro array, pero…

¿Por que 2 como número minimo? explicación:
Cuando leemos un directorio siempre nos encontramos con estos subdirectorios . y .. (punto, y 2 puntos), los cuales nos permiten ir al directorio contenedor (un directorio atrás), por ello el valor mínimo será 2 para que al momento de llamar a una posición del array ésta no devuelva . o ..

Leeremos nuestro directorio $dir y crearemos un array de los archivos con scandir($dir), contaremos la cantidad de archivos usando count($array); generaremos una posición aleatoria en el array usando rand(), luego devolveremos el valor del array en la posición dada.

function imagenAleatoria()
{
 global $dir;
 $imagenes = scandir($dir);
 $cantidadImagenes = count($imagenes);
 $posicionImagenAleatoria = rand(2,$cantidadImagenes-2);
 return $imagenes[$posicionImagenAleatoria];
}

Lo que hace nuestra función

• global $dir; lee el contenido de la variable $dir, ésta variable está fuera de la función;
• $imagenes almacena el valor que devuelve la funcion scandir($dir), una lista (array) con el nombre de los archivos, sabemos que $dir es la url de nuestra carpeta splash, donde tenemos almacenadas nuestras imágenes;
• $cantidadImagenes será el número de imágenes que tenemos, count($imagenes) cuenta la cantidad de imágenes (cuenta los elementos del array);
• $posicionImagenAleatoria nos devolverá un numero aleatorio entre 2 y el número de elementos del array ($cantidadImagenes), le restamos 2 al final por que no contamos los 2 primeros elementos, ya sabemos que son . y .. éstos elementos NO son imágenes!
• return $imagenes[$posicionImagenAleatoria]; retorna el valor generado por la función, le indicamos que retorne el NOMBRE del archivo de $posicionImagenAleatoria

» Función fondoAleatorioCSS(); ¿Cómo funciona?
Nuestra función solo imprimirá el código CSS dentro de nuestra etiqueta DIV a la cual queremos añadir el estilo de background-image, su creación es sensilla

function fondoAleatorioCSS()
{
 $nImagen = imagenAleatoria();
 echo "background-image:url(";
 bloginfo(template_url);
 echo "/images/splash/$nImagen)";
}

Lo que hace ésta función

• $nImagen = imagenAleatoria(); aquí llamamos a la función imagenAleatoria(); y el valor devuelto lo guardamos como $nImagen;;
• echo “background-image:url(“; imprimimos de manera INCOMPLETA el valor CSS background-image;
• bloginfo(template_url); llama a la función de wordpress y esta imprime la url de nuestra plantilla;
• echo “/images/splash/$nImagen)”; termina de imprimir el código CSS background-image;

Listo! Hasta ahora ya tenemos preparada nuestra plantilla para que muestre fondos aleatorios, ahora falta editar el archivo header.php de nuestra plantilla y llamar a la función PHP fondoAleatorioCSS(); para que muestre la dirección de nuestra imagen de fondo!

MODIFICANDO header.php

Yashfa Modificado

Dentro de éste archivo tenemos la etiqueta <div id=header></div>(estamos retocando la plantilla yasfha, ésta etiqueta puede tener otro ID si se modifica otra plantilla), llamaremos a la función fondoAleatorioCSS() dentro de <div> para que nos muestre la url de  la imagen de fondo.

<div id="header" style="<?php fondoAleatorioCSS();?>">

Llamado a fondoAleatorioCSS(); su contenido es impreso dentro de “style:”, esto genera un background-image con la url de la imagen aleatoria a mostrar!

MODIFICANDO style.css (Opcional)
Solo modificaremos la propiedad “background” de #header{} por background-position, background-repeat, etc. Esto es opcional y debería quedar así:

Propiedad original: background: #000 url(images/header.jpg) 0 0 no-repeat;
Cambiar por: background-repeat:no-repeat; background-position:center top;

IMPORTANTE
La modificación de la cabecera en el archivo header.php es EXCLUSIVA para ésta plantilla, otras plantillas pueden tener otro ID para la etiqueta que guarda la imagen de fondo, es necesario leer el código fuente (generado) y el archivo style.css para conocer el ID de la etiqueta que tiene imagen de fondo.

NOTAS EXTRAS
Luego de éstas modificaciones solo hace falta colocar imágenes de 950*170 píxeles en la carpeta images/splash dentro de la carpeta de nuestra plantilla (yashfa).
Los usuarios de windows deberán tener mucho cuidado al subir imágenes al host, ya que también se suele cargar el archivo thumb.db siendo este “no visible”

Los archivos modificados los encuentras aquí están compresos en formato.rar y libre de virus

Search Cube Logo

Encontré este curioso buscador, muy llamativo su aspecto y bien “cargado” para nuestro ordenador (de seguro si tienes un computador viejo, éste se ponga lento), su funcionalidad es similar a la de Google, solo que éste buscador te muestra los resultados como si de un cubo se tratase, funciona con las siguientes tecnologías:

• Adobe Flash Player, para crear el cubo en 3D,
• Google Ajax search API, para los resultados, y
• Thumshots.org para las imágenes del cubo

Quienes desarrollaron Search Cube se encuentran aquí, una empresa dedicada al desarrollo de aplicaciones web.

¿Cómo funciona Search Cube?
Tan fácil como escribir tu búsqueda en el formulario, automáticamente en la parte inferior verás un cubo que poco a poco irá llenándose de gráficos, solo tienes que girar el cubo, ver el contenido que quieras y darle clic

• Un widget que permite incorporar traducciones “in situ” (en sitio) para sitios web (páginas web)
• Traductor en tiempo real para Windows Live Messenger

Estoy más que seguro que muchos de nosotros nos agradará la segunda opción, el robot traductor para Windows Live Messenger, si tenemos amigos que hablan otros idiomas nos será util para charlar con ellos.

¿Cómo funciona?
Simple! agregamos a nuestro amigo robot en nuestra lista de amigos, su correo es mtbot@hotmail.com y cuando querramos que traduzca una charla pues le invitamos a la conversación y listo!

Microsoft Translator

Por cierto, parece que dicho “robotito” aun no me ha aceptado como contacto

Actualización (segundos despues de escribir este post)
Según la página oficial de nuestro amigo robotito, dice él que se encuentra mal de salud (gripe robótica y problemas de pantallazos azules) y que esta semana no nos ayudará a traducir (se encuentra descansando y conectado al usb), su espacio en Windows Live Spaces es éste y el comunicado oficial es éste.

]]> http://ignoranto.info/ricercando/ninos-internet-chat/feed/ 0 http://ignoranto.info/ricercando/darse-de-alta-en-microsoft-bing/ http://ignoranto.info/ricercando/darse-de-alta-en-microsoft-bing/#comments Sun, 07 Jun 2009 05:53:16 +0000 gerWare http://gerber.ignoranto.info/?p=435

Encuentra a BING

¿Qué necesitamos?
Una cuenta en Windows Live, por cierto, si tienes correo@hotmail.com ya dispones de una!

¿Cual es la URL?
Microsoft Bing también nos ofrece “herramientas para WebMasters” y dichas herramientas se encuentran en http://bing.com/webmaster

Lo que realmente hacemos en dicho site no es “darnos de alta” sino hacerle saber a Microsoft que nuestra cuenta de Windows Live está asociada con dicho dominio/dirección web, y que dicho website “nos pertenece”, también encontraremos un validador de robots.txt (el archivo robot.txt le da instrucciones a los robots de los buscadores para indexar N sitios de nuestro dominio) y unas herramientas para comprobar la compresión (al vuelo) de nuestro Website y un examinador de “keywords” que nos redirecciona a AdCenter de Microsoft (supuestamente para crear campañas publicitarias relevantes al contenido de nuestro site).