a m o x + w e b

RIP Geocities

2009-10-26T22:59:00.002-06:00

Hoy le bajaron el switch a Geocities, que en su momento fue de los hostings gratuitos más usados. Todo por servir se acaba, y acaba por no servir. No hay gran despedida, sólo queda un FAQ en Yahoo!.

Setting up Typo3 in a Go-Daddy hosting

2009-10-09T17:47:00.006-05:00

I really like using Typo3 as a CMS and in order to have it up and running on a Go Daddy linux hosting, here are the steps, not really difficult, but I think it can be of use to somebody else. I'm assuming You are already familiar with Typo3 and mySQL.

Set Up a Database

On the hosting manager, select Databases/MySQL menu option. Click on the create database button.

Description: Typo3 Database
MySQL Database/Username: Name of the database and that of the user to be the manager of it
MySQL Version: Depending on Typo3 version, should be no problem on using 5.0 with newer releases of Typo3

Once defined, in the list, select the edit button, take note of the host name, should be something like name.db.123456.hostedresource.com

Prepare the software for setup

Get the .tar.gz for the desired package (usually dummy) from typo3.org, the linux version and upload via ftp to your site.

Now, in the hosting manager, select the Content/File Manager menu option. Locate the compressed file, and select the uncompress icon from the toolbar. There you can specify the target directory. You can later decide wether how to acces typo3, be it as a path from the website root or as a subdomain.

Setup Typo3

According to documentation, enable the install page, and access it trough the domain.com/uncompressed_folder path. On the database setup, use the info obtained when setting up the database, name, user, password and host.

Proceed as usual. On the setup options, if You want to enable ImageMagik and lzw, they are located at /usr/local/bin/, as documented on this previous post.

Go Daddy redirects, second round

2009-10-09T17:46:00.005-05:00

Not as good as the one offered on linux hosting using cpanel, but certainly better than editing .htaccess files by hand, Go Daddy linux hosting now offers a simple way to define redirects, but still has some glitches, of which one is gonna be described later.

To access the feature, on the hosting manager, on the content category there's a Site Redirects menu option, which presents 3 options to define a redirect, shown below, and pretty straightforward to define. Pretty simple and the help icons present description of available options. Only problem is when defining the redirect from information, whenever the path contains an space, as it doesn't scape it properly, nor does it work if using %20 or \. Consequence is that for this case redirect won't work and it has to be done on the .htaccess file directly, using the backslash to precede any space on the from path.

Mostrar post expandibles (Peakaboo View)

2006-10-30T00:04:00.009-06:00

Actualización: Blogger ya provee una forma nativa de implementar los resumenes de artículos, por favor referirse a laayuda de blogger. Si bien el hack que aquí se describe permite lograrlo también, al ya haber una forma natural de hacerlo, es preferible utilizar ésta que moverle al código.

Escrito originalmente por Ramani, en su blog Hackosphere. El ejemplo de su uso en este blog lo pueden ver aquí.

La página principal de tu blog generalmente muestra todo el contenido de cada unos de tus posts. Si estos son mayores a 2 párrafos, tus visitantes se verán en dificultades para encontrar rápidamente algún tema de interés para ellos dado que van a necesitar desplazarse hacia abajo en la página. Aquí es donde los post con resúmenes expandibles ayudaban en el viejo blogger. Este hack sirve al mismo propósito para el nuevo blogger y aún más! Esto es, la página principal sólo mostrara los resúmenes de los posts y cuando den click en "leer más", el post completo aparecerá en la página principal (vista Peekabo)!! He recibido algunas solicitudes para crear dicho hack y me las he arreglado para echarlo a andar. Más tarde, Hans lo mejoró agregando una liga para "Mostrar Resumen" con el cual se puede colapsar nuevamente un post expandido para mostrar sólo el resumen. Juntos, también hicimos que la liga "Leer Más" se mostrara únicamente para aquellos posts que tienen resumen. Este es un hack fantástico, pero necesitas tener cuidado al modificar tu template. Si no estás familiarizado con HTML, recomiendo de sobremanera que obtengas ayuda de alguien que lo conozca mientras aplicas este hack. Aquí están los pasos a seguir.

Paso 1.

Encuentra la etiqueta </head> en tu template y agrega todo el código que se muestra a continuación antes de ella.

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == "fullpost") {
                 if (fade) {
                    spans[i].style.background = peekaboo_bgcolor;
                    Effect.Appear(spans[i]);
                } else spans[i].style.display = 'inline';
             }
             if (spans[i].id == "showlink")
                 spans[i].style.display = 'none';
             if (spans[i].id == "hidelink")
                 spans[i].style.display = 'inline';
        }
}


function hideFull(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == "fullpost") {
                 if (fade) {
                   spans[i].style.background = peekaboo_bgcolor;
                   Effect.Fade(spans[i]);
                 } else spans[i].style.display = 'none';
             }
             if (spans[i].id == "showlink")
                 spans[i].style.display = 'inline';
             if (spans[i].id == "hidelink")
                 spans[i].style.display = 'none';
        }
        post.scrollIntoView(true);
}

function checkFull(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        var found = 0;
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == "fullpost") {
                 spans[i].style.display = 'none';
                 found = 1;
             }
             if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
                 spans[i].style.display = 'none';
        }
}

</script>
<style>
  #fullpost {
    display:none;
  }
</style>
</b:if>

N. de Tr. La imagen previa muestra la ruta para acceder al HTML del template. Considerar hacer un respaldo del template previo a su modificación, seleccionando la liga Download Full Template. Idealmente, a efectos de probar cambios que puedan alterar el diseño o funcionalidad de nuestro blog, crear un blog de prueba.

Paso 2

N. de Tr. Para poder encontrar el Includable en el template será necesario palomear el checkbox con la leyenda Expand Widget Templates como se aprecia en la imagen. La ubicación dependerá de la plantilla que hayamos seleccionado para nuestro blog. La advertencia aplica para el caso mostrado en la imagen, lo que aplica es simplemente agregar lo que está en rojo e ignorar los códigos previos, que podrán variar de acuerdo a la plantilla de nuestro blog. De acuerdo a nuestras preferencias, podemos también cambiar las leyendas Read More y Summary Only para que indiquen lo que al gusto de cada quien convenga.

Encuentra el includable llamado 'post' y copia y pega los cambios mostrados en rojo de lo que se muestra a continuación (Debes tener mucho cuidado para evitar errores. Date cuenta que la palabra "uncustomized-post-template" puede no aparecer en tu template, pero no hay problema por ello.):

<b:includable id='post' var='post'><div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
lt;b:if cond='data:post.title'>
 <h3 class='post-title'>
 <b:if cond='data:post.url'>
   <a expr:href='data:post.url'><data:post.title/></a>
 <b:else/>
   <data:post.title/>
 </b:if>
 </h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
 <b:if cond='data:blog.pageType == "item"'>
   <p><data:post.body/></p>

<b:else/>
        <style>#fullpost {display:none;}</style>
        <p><data:post.body/></p>
        <span id='showlink'>
          <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Leer Más...</a></p>
        </span>
        <span id='hidelink' style='display:none'>
          <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Sólo Sumario...</a></p>
        </span>
        <script type='text/javascript'>
          checkFull("post-" + "<data:post.id/>");
        </script>
     </b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->

Para encontrar el Includable, puedes hacer una búsqueda por el término id="post". Si no te es posible encontrarlo, posiblemente no hayas expandido el template. Selecciona el checkbox con la etiqueta "Expand Widget Templates", que se encuentra justo arriba del código del template, para expandir este y mostrar más código.

Paso 3

Selecciona la pestaña Settings->Formatting (Cofiguración/Formato), hecho lo cual encontrarás en la parte inferior un cuadro de texto para que especifíques el "Post Template" (Plantilla de entrada). Copia y pega estas líneas a dicho cuadro de texto y guarda la configuración. (Por favor NO las teclees tu mismo dado que pudiera se que se introduzcan algunos espacios que causen que la funcionalidad se pierda).

Escribe tu resumen aquí.
<span id="fullpost">
Escribe el resto de tu post aquí.
</span>

Ahora cada que crees un nuevo post, se te va a indicar claramente dónde debes escribir el resumen y dónde agregar el resto del post. Es importante asegurarse de que la etiqueta </span> mostrada arriba se encuentra al final de tu post. Para asegurar esto, utiliza la pestaña "Edit HTML" (Edición HTML) en lugar de la pestaña "Compose" (Componer) cuando escribar tu post. Después de teclearlo, puedes regresar al modo "Compose" y modificar la tipografía y colores. Cabe mencionar que también puedes dividir algunos (o todos) tus posts anteriores para que tengan un resumen, para lo cual tendrás que editarlos. La liga "Leer más" aparecerá sólo para aquéllos posts que se hayan dividido de esta manera.

N. de Tr. Se agregó imagen para mostrar donde se debe realizar el cambio.

Esto es lo que Ramani pide a cambio:

Si estás visitando mi blog por primera vez, no te pierdas de otras cosas interesantes que ofrezco:

Un blog de tipo Digg para compartir y promver tu blog - bvibes.com
Un template bastante rápido basado en AJAX - Neo

Notas Importantes:

Nota 1: Por favor no olvides agrear una liga a Hackosphere en tu sidebar. Eso es la única cosa que espero a cambio :)
Nota 2: Si quisieras incorporar algunos efectos especiales de aparecer/desaparecer para este hack, lo puedes tener incorporando unos cuantos cambios descritos en este otro post.
Nota 3. Si quisieras que la liga "Leer más" te llevara a la página del post en ligar de expandirlo en la página principal, utiliza este otro hack.
Nota 4. Si seleccionas la liga "Entradas anteriores", la liga "Leer más" pudiera aparecer aún para aquellos posts para los cuales no se ha incorporado el hack. Este es un problema conocido aún sin solución.

Adquiriendo un dominio .mx

2009-05-19T13:39:00.007-05:00

Como mencioné en un post anterior, voy finalmente a adquirir un dominio .mx, reemplazando el actual .com.mx que estoy utilizando. Como primer paso está la adquisición del dominio propiamente dicho y se hará a través de nic.mx. Hay que estar dado de alta ya en el sitio para poder llevarlo a cabo, proceder a hacerlo si aún no lo han hecho. Si bien esto pudiera hacerse a través de otro registrar autorizado, puesto que el hospedaje quedará con GoDaddy y el DNS con DynDNS se hará el registro de manera directa en Nic MX.

Cómo aún se está en la etapa de prerregistro, únicamente quienes tienen dominios .com.mx registrados pueden hacer lo propio con el .mx equivalente, no es que ahorita pueda yo registrar google.mx, por ejemplo. Algo que me sorprendió, y que generalmente no había sucedido al registrar otros dominios en internic es que al momento de hacer la compra está solicitando la información de los servidores DNS.

Lo anterior va a requerir adelantarse un dosspaso. Inicialmente intenté que fuera GoDaddy quien resolviera el dominio, sin embargo obtuve el mensaje "El DNS no está configurado para ser autoritativo para este nombre de dominio. Por favor verifica. DNS 1", así que hay que adelantarse a adquirir el servicio de DNS también.

Con GoDaddy, adquirí servicio de economy hosting basado en linux. Para hospedar un sitio ahí, en el panel de control de hospedaje, en la opción Settings/Domain Management, seleccionamos la opción Add Domain, esto para que el DNS de GoDaddy resuelva el mismo y pueda servir páginas hospedadas con ellos. A continuación, regresamos a Home, y seleccionamos la liga View bajo la etiqueta Primary Domain DNS y apuntamos la ip listada bajo A Record, que es la que utilizaremos para registrar en el servicio DNS precisamente para el A Record. Cabe mencionar que el setup en GoDaddy puede tomar 24 hrs para agregar el dominio.

En cuanto al servicio DNS, lo registré con DynDNS, opción custom DNS. En la configuración de la zona, modifiqué el valor del A Record a la IP obtenida en el paso anterior. El servicio está preactivado, y el dominio debiera ser delegado a DynDNS en cuestión de 1 hora.

Ya con esto, al registrar el dominio, para los valores de servidores DNS, proporcionar los 5 utilizados por DynDNS, ns1.mydyndns.org a ns5.mydyndns.org, lo cual permite ya efectivamente registrar el dominio.

Ya todo configurado, se esperaria tener arriba amox.mx, sin embargo al momento sólo obtendremos un "Address Not Found" dado que apenas se está en la etapa de prerregistro. Si regresamos al panel de control de DynDNS veremos que no está aún activado el servicio, dado que no ha sido delegado el dominio. Así que, pagar por un servicio que no está activo, en fin, con tal de que no me ganen el dominio. Si se intenta un whois para el dominio en otro lado que no sea whois.mx, lo que obtendremos será el siguiente mensaje:

Este servicio no estara disponible durante la reapertura del registro 
de nombres de dominio directamente bajo .MX, favor de consultar www.whois.mx.

Sitio de Milenio diario con problemas de disponibilidad

2009-05-19T10:35:00.003-05:00

A útimas fechas el sitio de Milenio Diario ha presentado problemas de disponibilidad de manera intermitente. Al parecer usan el servicio de Varnish para acelerar la respuesta, más ignoro si tengan algún servicio de cache o bien de generación de páginas estáticas para servir únicamente el HTML y evitar las consultas a BD con cada visita. Lástima, por que en general es entretenido leer noticias en dicho diario, esperemos el asunto se vaya resolviendo paulatinamente.

Hospedar un dominio .mx en Godaddy

2009-05-18T11:07:00.005-05:00

Dado que ya será posible nuevamente tener un dominio con sufijo .mx, sin necesidad del .com, voy a mover todo lo que está bajo am0x.com a amox.mx, buscando que el cambio sea lo más eficiente, evitando la no disponibilidad del sitio. Considerando que ya en alguna ocasión hize lo inverso, pasar de amox.com.mx al actual am0x.com y que ha funcionado, se seguirá la misma línea, mejor documentada eso sí, por si le es de utilidad a alguien más.

En esta primera nota se delinean las necesidades a cubrir así como los pasos a seguir.

Inventario

La lista de cosas a tomar en cuenta son:

Adquirir el dominio. Si bien ya hay varios registrars, vamos a hacerlo con nic.mx, más vale.
Adquirir el hospedaje. Ya lo tengo actualmente con GoDaddy, no veo razón para moverme.
Contar con aministración de registros DNS. Dado que GoDaddy no es un registrar autorizado para el TLD mx, será necesaro poder administrar los registros DNS para lo que sigue.
Administrar el correo vía google apps. Hay que darse de alta así como modificar los registros MX (Mail eXchange) del DNS. Igual se crearán algunos subdominios para facilitar el acceso a las aplicaciones (mail, docs, calendar).
Redireccionar contenido estático de am0x.com a amox.mx. Habrá que utilizar el .htaccess. La idea es no perder la indexación que ya se tiene en los motores de búsqueda así como evitar que las ligas externas al contenido lleguen a un 404.
Mover blogs de am0x.com a amox.mx. Al menos 3 de ellos utilizan dominios personalizados bajo am0x.com (mac, oracle, web), por lo que ahora estarán bajo amox.mx. Igual, buscar no perder ya el posicionamiento, por muy poco que sea, que ya se pueda tener.

En general las acciones son sensillas y sólo referentes a configuración, si acaso se requiere editar algunos archivos para el funcionamiento de los redireccionamientos, ya veremos cómo me va.

2000-01-01T23:54:00.001-06:00

Problemas con la publicación FTP de blogger

2009-05-06T18:55:00.002-05:00

Si publicas tu blog con blogger a un dominio personalizado vía FTP, seguro has tenido problemas recientemente, he aquí el recuento de google al respecto, así como la recomendación para usar dominios personalizados en su lugar.

Reapertura dominios .mx

2009-04-28T13:21:00.003-05:00

Después de algunos años, finalmente será posible registrar dominios bajo .mx directamente, ya no sólo com.mx, net.mx, etc., con lo cual podremos tener nuevamente dominios compactos para México como lo era en un inicio y que ha permanecido cerrado ya por algún tiempo.

El proceso estará abierto inicialmente para quienes ya cuentan con un dominio xxx.mx, teniendo preferencia los dueños de dominios actuales cuando se deba resolver un conflicto en el registro.

El proceso de preregistro será de mayo a junio, espera en agosto y el periodo de registro en septiembre y ocubre. Para más información ver el sitio oficial.

Servidor DNS para dominios .mx en GoDaddy

2008-01-23T14:51:00.001-06:00

Al cambiar de proveedor de hospedaje para un dominio .mx me encontré con que, a diferencia de Estados Unidos, el único autorizado para administración de éstos es Internic y que no es posible transferirlo con otro proveedor (en este caso GoDaddy). Esto por que no me interesa tanto el hospedaje dado que quiero utilizar un dominio sin .mx, pero me interesa conservar algunos servicios como el correo (para lo cual utilizo Google Apps) y que el dominio siga respondiendo y redireccionando al nuevo al ser consultado dado que existen algunas referencias al mismo y ha sido indexado por algunos motores de búsqueda.

Para mi sorpresa, las únicas posibilidades de administración del dominio en Internic México son la redirección del mismo y de hasta 10 correos lo cual no me es útil para lo que requiero. Lo referente al DNS requiere indicar los servidores para dicho servicio, lo cual implica que se cuente con un servidor de DNS propio o se contraten los servicios de un tercero. El primer caso no me convence del todo y no me interesa meterme a moverle a un servidor. Para el segundo es importante que este tercero sea confiable en cuanto a su disponibilidad con la finalidad de evitar perder correos o consultas al sitio. Revisando, la opción que más me convenció fue Custom DNS de DynDNS, el cual me permite moverle a todos los tipos de registro para mi dominio .mx y tienen una muy buena infraestructura que (según ellos) no ha fallado en consultas de DNS desde el 2001, para lo cual el precio no me pareció alto (U$27.50 anual).

La configuración quedó de la siguiente manera, considerando que tengo hospedaje en GoDaddy ahora.

Asigné el dominio sin .mx como el principal en el hospedaje (Puede tomar hasta 24 horas).
Agregué el dominio .mx al mismo hospedaje a manera de alias. (Puede tomar hasta 24 horas)
Configuré los redireccionamientos necesarios en Godaddy y Blogger para que todo lo que apuntaba al dominio .mx redireccionara a su equivalente en el nuevo dominio. Esto lo voy a detallar en otro post.
Me apunté la IP del servidor que utiliza GoDaddy para el dominio principal, así como los servidores DNS.
En DynDNS, en el registro A utilice la IP del paso anterior
Agregué un cname para el www para apuntar al registro A.
Configuré los registros MX para Google, de acuerdo a sus indicaciones.
Agregué algunos registros cname (mail|docs|inicio) para utilizar los Google Hosted Services (ghs) para evitar usar las urls completas de google apps, de tal manera de que en lugar de acceder a https://www.google.com/a/dominio.com.mx/ acceda a http://mail.dominio.com.mx/ y google se encargue de redireccionar.
Con la herramienta de verificación de DNS de Internic, validé que los DNS de GoDaddy resuelvan mi dominio .mx.
Una vez que lo anterior funcionó adecuadamente (puede tomar unas 24 hrs) hice lo mismo ahora con los servidores de DynDNS. Esto para asegurar que cuando se haga el cambio de los servidores de DNS en internic no haya una ventana de tiempo hasta que se comience a reflejar el cambio, pudiendo con ello tener interrupción en la respuesta del dominio.
Finalmente, en un horario que tuviera la menor afectación posible en caso de falla, cambién los servidores de DNS en internic para utilizar los de DynDNS, el cual proporciona 5 de ellos.
Validar que todo funcionara correctamente, que con la verificación hecha previamente hace que todo jale de manera inmediata.

Amazon Associates no lucrativo para este blog

2009-01-18T12:48:00.004-06:00

Después de un tiempo de utilizar publicidad de amazon en este blog y los otros que tengo de oracle y mac, no hice ni quiera un centavo. No es que piense que pueda vivir de ello, pero no caería mal sacar algo para el hosting y la administración del dns. Así que me fui con la opción más conocida en primer lugar (google adsense) y quize meter también algo de productos, para lo que elegí amazon pensando (quizá erróneamente) que si yo había comprado ahí quizá otros lo harían.

Para contrastar con los anuncios de texto de google pensé en meter anuncios de productos con imágenes y enfocarme a las cuestiones de electrónica y hardware. Si bien de repente hubieron algunos clicks despistados la verdad es que no se concretó ninguna orden y por lo tanto nunca hubo ingreso alguno.

Contrastando esta información contra las estadísticas de acceso quizá se explique el por qué del comportamiento, así como el hecho de que google de repente deja algo. Amazon es una tienda sólo en inglés, generalmente atendiendo a mercado gringo y no tiene versiones tropicalizadas enfocadas a otros países. Aparte de que en latinoamérica (no se si aplique para España) el comercio electrónico no levanta del todo, a veces se requiere Tarjeta emitida en EU, el envío puede ser caro, la aduana a veces es un albúr. Más bien creo que fui yo quien eligió el producto erróneamente. Intentaré con buscapé, o probablmente mercado libre a ver qué tal me va.

Prueba de Google Friends Connect

2008-12-17T21:25:00.001-06:00

Acceder a Bancanet de Banamex con otro navegador que no sea Explorer o Netscape

2008-01-24T20:20:00.001-06:00

Acutualización 2: Julio 2008, si bien puedo seguir entrando a bancanet desde Flock o Firefox en Mac OS X al acceder a las opciones truenan como ejotito y me bota de los navegadores. Para asegurar que puedo hacer mis movimientos no me queda otra que irme a un equipo con Windows y utilizar explorer.

Actualización: Al día de hoy (2008/02/09), bancanet es ya funcional para el navegador Flock. Se agradece que así sea, más esto no cambia la opinión respecto al hecho de que se tardaron bastante en soportar sin problema otro navegador que no fuese internet explorer.

El sitio de banca electrónica del Banco Banamex en México, propiedad de citi Group no permitia acceder al mismo si no era con Explorer o bien con Netscape, a partir de ciertas versiones de dichos navegadores, mostrando de lo contrario la página que se ve en la imagen previa.

Para quienes decidian usar firefox o algún otro navegador basado en Mozilla esto era una contrariedad dado que implicaba utilizar un software diferente para dicho sitio en especial. Afortunadamente, modificando los datos del agente y la versión del mismo por Netscape 7.1, era posible acceder al sitio, siendo este casi completamente funcional. Si bien requería moverle al setup, existe también un Add On llamado Agent Switcher quer permite hacerlo de manera más fácil.

A partir de ayer, sin embargo, el método descrito dejó de funcionar, mostrando la siguiente imagen.

Lo que se debe notar son 3 cosas: a) Sigue indicando los navegadores originales, b) ya no se traga el cambio por el Netscape 7.1 y c) Indica Mozilla como soportado. Al parecer ya no debiera haber problemas con Mozilla y sus derivados (en mi caso uso Flock), para lo cual regresé los valores del agente y su versión a los originales ante lo cual no se presenta más la primera imagen y si la página de acceso al sitio. Me emocioné en balde pensando que ya funcionaría mi navegador sin problemas y después de proporcionar datos de acceso se abre una ventana pareciendo que todo funcionará correctamente, pero se queda en blanco y no presenta ninguna información. Lo que es peor ahora es que ya no existe modo de darle la vuelta y por el momento la única forma de acceder es utilizando explorer.

Ejemplo Post Expandibles

2007-11-06T21:38:00.001-06:00

Prueba de post expandibles, como se describe aquí. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Este es el contenido: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Microsoft hace pública su intención de comprar Yahoo!

2008-02-01T10:10:00.000-06:00

En un comunicado de prensa del día de hoy Microsoft ha hecho pública su intención de comprar a Yahoo!. Esto, que ya se había venido manejando a través de rumores hace algún tiempo, confirmados por el hecho revelado de que existió una oferta privada en febrero del 2007. La intención de la compra es competir con Google. Si bien Yahoo! ha hecho algunos intentos con la adquisición en su momento de Netscape, Inktomi, Flicker y Zimbra no ha podido mejorar su posición. Microsoft por su lado ha adquirido también algunas empresas de publicidad en línea y apostado a su plataforma Live! con resultados similares. Veamos si se aprueba la compra y que beneficios puede tener para los consumidores.

Sitio de MiTelmex, sólo funcional con navegadore Internet Explorer

2008-01-25T11:06:00.000-06:00

El sitio de Telmex para sus clientes, que permite revisar y pagar los servicios contratados con dicha empresa mexicana sólo funciona completamente con Internet Explorer, por más que le he intentado con Mozilla y sus navegadores o bien con Safari. Los casos que no han podido funcionar al momento son:

Pago en línea del recibo telefónico.
Contratación de servicios adicionales.

Para mi mala fortuna utilizo una Mac, y debo usar windows solamente para abrir Internet Explorer y pagar mi recibo. Esperemos que a la gente de Telemex se les ocurra revisar la compatibilidad en un futuro cercano.

Flock 1.0

2007-11-14T00:52:00.001-06:00

Ya está disponible la versión 1.0 de flock, el "navegador social". Entre sus bondades, y es la que atañe a este blog, es la de contar con una interface para servicios de blog quer permite crear y modificar posts mediante un sencillo editor. Esta es una prueba de dicha característica, considerando texto, una imagen y las etiquetas, para ver de que manera son publicadas y validar si continúo creando los posts desde aquí o no.

Ventajas

No es necesario conectarse a la página de blogger.
Permite editar html y ver la forma en que se mostrará el post
Tiene un editor de texto enriquecido
Las etiquetas indicadas se reflejan correctamente en blogger (en versiones anteriores se añadían como parte del cuerpo del post)
Los posts publicados se guardan también localmente, por lo que es posible actualizar posteriormente lo publicado.

Desventajas

Para las imágenes lo que hace es pedir una url, no permite subirla a blogger. Tampoco utiliza un <div> como lo hace blogger.
No es posible crear drafts.
Lo anterior impide que sea útil para posts donde se van a utilizar imágenes que querramos subir, ya que se deberá hacer una primera publicación sin imágenes y luego editar el post en blogger. En ese caso mejor hacer todo en blogger.
Si tienes un template de tus posts, no es posible reutilizarlo.
No indica las etiquetas que se han utilizado en el blog para elegir de ellas, ni recuerda las utilizadas al publicar posts previos.

Blogged with Flock

Uso de ImageMagik con sitio hospedado en Godaddy

2008-01-15T14:30:00.001-06:00

Recién monté el cms Typo3 en un sitio hospedado en GoDaddy corriendo Linux. Para el manejo de imágenes Typo3 depende en gran medida del uso de la utilería ImageMagik, la cual usualmente debe ser instalada en el sistema operativo donde corre el servidor dado que no es parte estándar de una instalación de Linux. Al no tener control del mismo, y por lo tanto no poder instalar el software, se vería minado el hecho de poder utilizar el cms. Afortunadamente GoDaddy cuenta con ImageMagik preinstalado, en la ruta /usr/local/bin/. Está también ahí lzw el cual también es requerido para algunas funciones.

Redireccionamientos en servidor Linux de GoDaddy

2008-01-24T23:05:00.000-06:00

Si bien los servidores Linux de GoDaddy funcionan con el servidor Apache, no hay una interface para usuarios con la finalidad de crear redireccionamientos de la manera que ofrece cPanel por ejemplo, por lo que deben hacerce de forma manual creando los archivos .htaccess según se requiera.

Lo que es peor aún, es que no es posible crear un sólo .htaccess en la raíz del sitio, si no que dada la configuración existente se deben crear dichos archivos dentro de cada directorio, resultando esto algo tedioso.

Un ejemplo se presenta a continuación, dado que que estaba probando el programa iWeb que viene con las Mac pero después de mucho batallar decidí migrar el contenido a blogger, y dado que ya tenía indexadas algunas páginas en los buscadores así como ligas desde otros sitios, requería redireccionar el contenido a la url actual con la finalidad de evitar perder visitas y no tener que mantener el contenido en más de un sitio. Originalmente lo que hacía en iWeb se publicaba en http://www.amox.com.mx/mac/Blog/ y ahora lo tengo en http://mac.am0x.com/

RewriteEngine on
Options +FollowSymlinks
RewriteBase /
RewriteRule ^Blog.html$ http://mac.am0x.com/ [R=301,L]
RewriteRule ^Archive.html$ http://mac.am0x.com/ [R=301,L]
RewriteRule ^rss.xml$ http://mac.am0x.com/rss.xml [R=301,L]
RewriteRule ^45DB8ADE-C2EF-4C6C-A9E0-90CD11C8CF78.html$ http://mac.am0x.com/2007/09/cmo-fue-que-los-teclados-de-apple.html [R=301,L] 
RewriteRule ^9EA2E856-D82F-49D7-96DA-5805BBB90CC9.html$ http://mac.am0x.com/2007/08/microsoft-office-para-mac.html [R=301,L] 
RewriteRule ^A19023CF-8459-4D5A-A411-456BC849C112.html$ http://mac.am0x.com/2007/06/diferencia-entre-atajos-de-teclas-mac.html [R=301,L]
RewriteRule ^A8C457D2-EC63-4EDA-8523-79A736FAE5CC.html$ http://mac.am0x.com/2007/09/mensajeros-para-chatear-en-mac.html [R=301,L]
RewriteRule ^4172063D-04C5-4467-99E0-82640373D344.html$ http://mac.am0x.com/2007/05/prueba-de-iweb-06.html [R=301,L]
RewriteRule ^2DC1B556-C65D-42BA-9EFC-69CA082BFE6E.html$ http://mac.am0x.com/2007/10/agregar-google-analytics-iweb.html [R=301,L]
RewriteRule ^DBCEB3BE-13CC-4AC7-BDC3-0879DE5C0C97.html$ http://mac.am0x.com/2007/05/generar-sitemap-para-sitio-publicado.html [R=301,L]
RewriteRule ^2F62A32F-3E9A-4C8A-8C84-B6B901115A5C.html$ http://mac.am0x.com/2000/01/buscar.html [R=301,L]
RewriteRule ^678324BF-ABA4-4D00-BA33-7B97398BAA69.html$  http://mac.am0x.com/ [R=301,L]
RewriteRule ^D57853CA-3853-4372-BBC6-375B26F5C967.html$ http://mac.am0x.com/2007/07/virus-troyanos-spyware-et-al.html [R=301,L]

Netscape abandona el barco

2008-01-09T19:12:00.000-06:00

El que en un momento fuera el navegador de internet más popular, dejará de ser soportado a partir de febrero del 2008. Sucersor de Mosaic y la por mucho tiempo el navegador por defecto no pudo despertar de sus laureles aún tras la compra por parte de AOL. Quedarán sus aportaciones, entre ellas Javascript así como el apoyo en la creación de la Mozilla Foundation, creador de Firefox.

Dominios .es en español

2007-11-07T09:58:00.000-06:00

De acuerdo con información de El País, en España ya es posible registrar dominios con carácteres propios del idioma y que no eran posible utilizar, tales como vocales acentuadas o la letra eñe. Esperemos a ver si esto se va propagando a otros países de habla hispana.

Mostrar código fuente con estilo

2006-09-30T17:35:00.000-05:00

Algo frecuente en este blog es el hecho de mostrar código fuente, para lo cual se recomiendo diferenciarlo bien del contenido, a fin de asegurar que se confunda al lector y peor aún, que algo tomado de este sitio afecte el comportamiento de otro.

Hay dos etiquetas de html que pueden ayudar a esta tarea, a saber code y pre. La primera cuando se incluya código inmerso en el contenido de un párrafo, como se puede ver en éste. La segunda para mostrar fragmentos completos de código. Si bien son útiles, la diferencia no queda siempre del todo clara, para lo cual añadiremos css a dichas etiquetas para lograr el objetivo.

A grandes rasgos, definiremos tipografía y colores de tal manera que el código sea identificado fácilmente. La tipografía debe ser siempre monoespaciada, para que se respete la identación al código, con un tamaño menor al estándar para asegurar también que un post no incremente de sobremanera su tamaño. El color variará también, y esto ya dependerá de gustos personales. En este blog utilizaré el verde para simular el que se trabaja en una terminal de unix.

Código inmerso

Su uso es dentro de texto normal, cuando es más bien una referencia o un fragmento muy pequeño de una línea, que no ocupe más del ancho del contenedor del texto, debiendo encerrar el código a mostrar dentro de etiquetas <code></code>. La definición de css a utilizar es la siguiente, la cual pueden modificar a su gusto y de acuerdo al diseño de su sitio:

<style>
  code{
    font-family: 'Lucida Sans Typewriter', 'Lucida Sans', 'Courier New', 'Courier', 'Monospace' ;
    font-size: 90% ;
    color: #00ff00 ;
  }
</style>

Fragmentos de código

Cuando queramos mostrar un fragmento de código de más de una línea o bien que exceda el ancho del contenido, vamos a utilizar etiquetas <pre></pre>, con un estilo igual al de code, más dos instrucciones para agregar un borde, así como considerar el uso de barras de desplazamiento si es que el código es más ancho que el contenido. De asi requerise, también pueden modificar el color de fondo.

<style>
  pre{
    font-family: 'Lucida Sans Typewriter', 'Lucida Sans', 'Courier New', 'Courier', 'Monospace' ;
    font-size: 90% ;
    color: #00ff00 ;
    border: 1px dotted ccc ;
    overflow: auto ;
    width: 495px ;
  }
</style>

Consideraciones. Para este caso, como el anterior y la alternativa 1, cualquier código que mostremos entre las etiquetas, deberá ser prepocesado antes con un find & replace, para cambiar el ampersand (&) por &y los signos de menor qué (<) y mayor qué (>) por < y >, respectivamente, ya que de otra manera se pueden presentar problemas al iterpretar el html a mostrar. Otra cuestión es que el navegador safari no muestra adecuadamente las barras de desplazamiento.

Alternativa 1

Una alternativa al uso de pre es la utilización de un textarea. Hay que tener cuidado, sin embargo de no aplicar el estilo directamente a la etiqueta si no crear una clase. Esto por que seguramente en el sitio existen otros controles del tipo, con el uso estándar para solicitar información, por lo cual no aplica que se muestren como código. La definición del css es la siguiente, donde la unica adición es la propiedad white-space, para asegurar que las líneas no se corten y se muestren tal cual uno las vería al estar programando:

<style>
.codigo {
    border: 1px dotted #cccccc
  ; font-family: 'Lucida Sans Typewriter', 'Lucida Sans', 'Courier New', 'Courier', 'Monospace' ;
  ; font-size: 90% ;
  ; color: #00ff00;
  ; width: 495px
  ; white-space: pre }
</style>

Y se usaría de la siguiente manera:

<textarea cols="" wrap="off" class="codigo" onclick="this.select()">
  Aquí el código
</textarea>

Alternativa 2

Si el código que queremos mostrar está en proceso de modificación, se vuelve tedioso el tener que actualizar el sitio cada vez que esto suceda, pudiendo tener problemas de integridad de la información mostrada. En este caso, podemos hacer uso de un iframe, siendo el src del mismo el url donde resida el código a mostrar, como pudiera ser un archivo de javascript. La desventaja de este método es que perdemos la posibilidad de darle un estilo particular al código, dado que se trata de otro documento. La opción en este caso sólo permite afectar el fondo, utilizando un div para contener el iframe, de la siguiente manera, y un ejemplo a continuación:

  <div style="clear:both; background-color:#cccccc; width:495px">
  <iframe width="495px" src="http://aqui.com/codigo.js"></iframe>
  </div>

Widget de blogger para ocultar la barra de navegación

2007-10-30T18:53:00.000-06:00

Si bien se agradece a blogger el hecho de proporcionar un servicio para publicar un blog, la barra de navegación que muestra en la parte superior de cada uno no va siempre de acuerdo con el diseño, y en mi caso ya tengo una opción de búsqueda por lo que prefiero no mostrar la de blogger. He aquí la manera de ocultar la barra, para lo cual cabe mencionar que habría que ver si esto está permitido en los términos del servicio.

El código consiste en cambiar las propiedades de estilo de la barra mediante javascript (puedes ver el código al momento de confirmar que deseas agregar el widget). Esto dado que blogger agrega el css para la barra automáticamente antes del cierre de la etiqueta head por lo que, por más que modifiquemos el estilo de la misma en el template, se pierde por lo anterior.

A efectos de facilitar su uso, creé un widget para agregarlo a tu página y con esto automágicamente ocultar la barra. Debes estar logeado a blogger para que agregarlo. Para el caso de un template de blogger classic, leer este post.

Ocultar barra de navegación de blogger classic

2007-11-06T22:12:00.001-06:00

Si bien se supone que ya todos debieran estar usando el nuevo blogger para su template, hay la opción de regresar al clásico, y este último es obligatorio cuando se publica el blog vía ftp. Dado esto, no es posible usar el widget mencionado en este post, debemos hacer las modificaciones al template manualmente, como se explica a continuación.

Paso 1. Ocultar la barra.

Antes del cierre de la etiqueta </head>, agregar lo siguiente:

<style>
#navbar-iframe {
  display:none;
  height:0;
}
#space-for-ie {
  display:none;
}
</style>

Paso 2. Ajustar el contenido

Probablemente ahora el contenido quede más abajo de la parte superior de la página, para lo cual es necesario hacer también un ajuste. Debemos buscar la línea siguiente:

<div id="header">

y modificarla para que se vea así:

<div id="header" style="margin-top:0px">

Consideraciones

Cabe mencionar que esto aplica para el template mínima, por lo que los ajustes pueden ser diferentes para otros. De ser así, sólo déjenme un comentario para ayudarlos con ello.