Suscribete por RSS o por email

Artículos etiquetados con ‘Tutorial’

Historial de WordPress en menú desplegable

Por Jesús | Enero 16th, 2008 @ 2:02 pm

Copipeistiando un artículo de Pro Blog Design, donde está el código para hacer que la lista de meses (el archivo pues) de WordPress aparezca en un menú desplegable (y no en forma de links como está por default en los themes).

El código es el siguiente (se cambia por la función normal wp_get_archives o similar):
<select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;’>
<option value=”"><?php echo attribute_escape(__(’Select Month’)); ?></option>
<?php wp_get_archives(’type=monthly&format=option&show_post_count=1′); ?> </select>

El problema es que la lista de links en el archivo puede ser muy larga y es poco usable para los usuarios -pocos usuarios entran y navegan por mes, al menos en este blog.

Hay que recordar que en la función wp_get_archives(); se pueden cambiar los parámetros (por ejemplo, ese show_post_cont=1 hace que se muestre la cantidad de artículos al lado del mes, ¡¡eso no srive!!)

Curso de fotografía en Xataka Foto

Por Jesús | Octubre 5th, 2007 @ 12:32 am

Xataka Foto, parte de la familia de blogs españoles Weblogs SL, está escribiendo un curso de fotografía muy ameno pero bien explicado. Probablemente no es para escribir un libro pero sí tiene muy buena pinta y va mejorando. La lección de hoy es la número III: cómo vemos y cómo fotografiamos.

Siempre he creido que lo más valioso que puede ofrecer un blog y lo que lo puede hacer crecer, es el contenido que el lector pueda aplicar en la vida real (así como en Popular Mechanics… o en Art Attack ñ_ñ). Así que ya sabes, si quieres un consejo para recibir enlaces valiosos (no para ser exitoso, ni para hacer crecer tu blog, me fastidian esos posts con ese tipo de consejos), escribe un tutorial y/o manual.

Yo lo he comprobado con el tutorial para hacer themes para WordPress que escribí el año pasado, recibí muchos enlaces por esos posts.

Apariencia de Leopard para Ubuntu

Por Jesús | Septiembre 1st, 2007 @ 11:04 am

Sin duda alguna Apple tiene la mejor interfaz que conozco (aunque hay cada friki que se muere por la consola), de los sistemas operativos que usado, me quedo con el aspecto visual del MacOS y de KDE.

Bueno, si eres usuario de Ubuntu Linux y quieres que tu distro se vea como MacOS 10.5, TuxLink tiene un tutorial completísimo para que puedas convertir tu Ubuntu en un MacOS.

How to: un instructivo para besar

Por Jesús | Mayo 16th, 2007 @ 11:25 am

Recuperar tu laptop robada [si usas Linux]

Por Jesús | Mayo 8th, 2007 @ 11:51 pm

Como abrir puertos en router 2Wire de Prodigy Infinitum | Tutorial

Por Jesús | Mayo 5th, 2007 @ 2:27 pm

Para poder abrir puertos en un router 2Wire de Prodigy Infinitum, hay que abrir la página de configuración del router, que generalmente se encuentra en http://home. Yo les recomiendo hacerlo usando Internet Explorer.

Ok, entonces estamos en el panel de configuración del router y hacemos click en FIREWALL (BLOQUEO DE INTRUSOS)
Panel Infinitum 2Wire 2700HG

Cuando ya se cargó la sección del Firewall, hacemos click en “Configuración del bloqueo de intrusos”:
Panel Infinitum 2Wire 2700HG - Firewall

Ahí vamos a seleccionar la computadora para la que queramos abrir los puertos, siempre hay que ver este punto primero, porque a mí me pasó que abrí puertos en otra máquina y por eso no me funcionaban los programas BitTorrent en mi computadora XD También veremos una lista de aplicaciones que necesitan puertos y a la derecha de esta lista, una lista con las aplicaciones permitidas para la máquina seleccionada… buscamos la aplicación en esa lista, si se encuentra ahí, la seleccionamos y hacemos click en AGREGAR, si no se encuentra ahí, hacemos click en el link que dice “AGREGAR UNA NUEVA APLICACIÓN DEFINIDA POR EL USUARIO” (debajo de la lista izquierda).
Panel Infinitum 2Wire 2700HG - Firewall - Config

En seguida nos aparecerán los campos para agregar la aplicación, ahí escribimos el rango de puertos que necesitamos abiertos hacemos click en el botón AGREGAR DEFINICIÓN.
Panel Infinitum 2Wire 2700HG - Firewall - Config - Agregar

Cuando haya terminado, regresamos a la pantalla anterior (donde está la lista de aplicaciones), haciendo click en el botón ATRÁS. OJO CON ESTO: tenemos que seleccionar otra vez la máquina que necesita usar los puertos. Una vez seleccionada la máquina, buscamos nuestra aplicación en la lista y hacemos click en AGREGAR… y listo!!!! así tendremos abiertos los puertos necesarios para el programa que necesitemos. :mrgreen:

El hierro de todos los días

Por Jesús | Febrero 1st, 2007 @ 12:35 pm

Interesante video donde muestra como podemos sacar el hierro que contiene el cereal…

What You Are Eating Every Morning. No, Really. - video powered by Metacafe

Vía | Enchílame

Seguir los clicks en AdSense con Google Analytics

Por Jesús | Enero 22nd, 2007 @ 12:31 am

Seguir los clicks en AdSense con Google Analytics… Google Analytics es demasiado complejo, pero si le inviertes algo de tiempo segúramente le encuentras sentido a tanta complejidad.

Manual de Fotografía

Por Jesús | Enero 7th, 2007 @ 2:29 pm

Manual de Fotografía completamente gratuito.

El temario está muy interesante:

  • Términos generales
  • Composiición
  • Luz
  • Actividad (paso-a-paso)
  • Subtítulos
  • Historia de la foto
  • La crítica
  • Leyes y ética
  • Edición digital
  • Campo de trabajo

Definitivamente lo tienes que leer (a menos que seas fotógrafo y todo esto te resbale XD)

Vía | eCuaderno

Construye tus propias garras Wolverine

Por Jesús | Septiembre 29th, 2006 @ 6:09 pm

A menos que seas un marciano, cuando niño soñaste con tener garras como Wolverine… o de adulto :? como sea…

Algún ocioso por ahí [de esos que hacen más interesante este marranero llamado internet] ha creado un tutorial/manual para crear tu propio disfraz de Wolverine, con garras y toda la cosa, así como se ve en la imagen (click para agrandar):
Wolverine Costume

Vía | MAKE Blog

Google Analytics y la segmentación cruzada

Por Jesús | Agosto 18th, 2006 @ 9:00 am

Hay que reconocerlo, muchos obtuvimos una cuenta de Google Analytics nomás por ser de Google, y en general lo subutilizamos, quizás para ver solo unas bonitas gráficas de cómo están las estadisticas, las referencias y que tan populares son algunos post de nuestros sitios.

Pero hay muchas cosas que desde siempre han estado ahí y pocos le sacamos provecho, una de esas características es la segmentación cruzada. Igual uno puede preguntarse: ¿Para que quiero una segmentación cruzada?. Para muestra un botón…

Pongamos de ejemplo los resultados que nos ofrece el módulo “Contenido por Títulos”:

Google Analytics, Contenido por Títulos

Poco interesante, no? En este caso nos ilustra cuáles han sido los sitios más visitados en mi blog. Ahora, mira que pasa si hacemos una segmentación cruzada tomando en cuenta el origen.

Google Analytics
Con esto sabríamos de donde han llegado los visitantes que leen alguna entrada del blog..
Google Analytics

Ahora si es mas interesante? Puedes intentar cambiando las referencias, simplemente seleccionando un nuevo elemento en el drop-down señalado como “Segmento”.

Tomemos otro ejemplo, usando el módulo “Origen de Referencia” (Optimización de Marketing -> Rendimiento del segmento de usuarios -> Origen de referencia), esto nos ofrece una estadística sobre qué sitio ha hecho un link y obviamente sus visitantes lo han seguido hasta llegar a nuestro site, la vista general no nos dice mucho, ya que se limita a poner el dominio, pero no nos deja saber exactamente de que página ha salido ya que además podría ser un URL tan antiguo que posiblemente haya tenido el efecto scrolling.

Para ilustrar un poco, he tomado la referencia de Lula, esto no me dice mucho, pero si hacemos una segmentación cruzada con referencia a “Contenido”, podemos tener información más relevante.

Google Analytics

Voilá!, ahora sé con certeza desde qué lugares del sitio de Lula han llegado a mi sitio, con esto sé que han llegado desde el sitio raíz (la mayoría), desde una entrada “Diccionario-regio-jarocho”, desde una page “Blogosfera”, estos mismos sitios los puedes ver concatenando el sitio de referencia (en este caso lulabeth.wordpress.com) y el contenido (por ejemplo: /blogosfera), lo que nos daría un URL como este: lulabeth.wordpress.com/blogosfera, lo sé, lo sé, podría ser más automático, pero por ahora solo así se puede (que yo sepa).

En este sector, una mención aparte sería para cuando los origenes de referencia son del tipo “Organic”, lo que a mi entender se refiere a los buscadores o metabuscadores (Google, Yahoo, Altavista), Analytics puede decirnos cuáles son los terminos utilizados en las búsquedas, simplemente con la segmentación cruzada con “Palabras Claves”.
Google Analytics

Obteniendo resultados diferentes, que de igual modo podrían ser más relevantes…
Google Analytics

Como podemos ver, Google Analytics nos ofrece mucho, como su nombre lo indica es para hacer cosas muy analíticas, es obvio que le faltaría tener más niveles de Drill-Down (hmmm segmentaciones anidadas?), pero vamos, por ahora es gratuito y es de gran ayuda para quienes nos gusta hacer análisis, y/o si tu negocio depende de ello.

[How To] Hacer efecto Roll over de imágenes con CSS

Por Jesús | Mayo 20th, 2006 @ 12:50 pm

Existen dos formas de hacer un efecto roll over de imágenes con CSS (como el que está en el header de esta página).

LA PRIMERA FORMA es hacerlo como yo lo hice (de mala forma, según mi percepción). La ventaja es que se trata de algo lógico y simple, pero que quita estética:

a {
display: block;
width: ##px;
height: ##px;
background-image: url(”imagen.jpg”);
}

a:hover {
background-image: url(”imagen2.jpg”);
}

La desventaja es que la imagen se carga a la hora de pasar el puntero por encima del elemento (a), por lo que tardará un tanto en descargarlo (sin recargar la página).

LA SEGUNDA FORMA es hacer una sola imagen y mediante la propiedad background-position, cambiar la posición de la imagen para que se vea la otra parte, de esta forma la imagen se cargaría al cargar la página y no sería necesario cargarla al pasar el ratón por encima del elemento… bueno, mejor lo explico con código:

a {
display: block;
width: ##px;
height: ##px;
background-image: url(”imagen.jpg”);
}

a:hover {
background-image: url(”imagen.jpg”);
background-position: left -25px; /* tomando en cuenta que la imagen mide 25 pixeles, la duplicaríamos a 50 pixeles, en los 25 pixeles restantes copiariamos el estado hover */
}

La imagen en cuestión sería esta:
Roll Over CSS

Y el ejemplo de rollover con CSS

[How To] Desensamblar un PS2

Por Jesús | Mayo 8th, 2006 @ 8:18 pm

Vía Videosift

[How To] Dormir bien

Por Jesús | Abril 26th, 2006 @ 11:38 am

1. Ponte tu pijama favorita
2. Bebe un vaso de leche tibia
3. Estírate y deja salir un gran bostezo
4. Prepara tu cama, déjate y caer y ‘enrédate’ debajo de las sábanas.
5. Ajusta tu reloj y… ¡Duerme!

Vía Zucaritas de Kellog

¿Cómo ganar dinero en internet 2.0?

Por Jesús | Abril 23rd, 2006 @ 8:18 am

Es facilísimo…

  • Primero: haz una aplicación 2.0 donde los items esté ordenado por tags sociales, también asegúrate sacarle todo el jugo a AJAX. Tip extra: debajo del logo ponle ‘beta’ en un tono claro del color gris [Acá está una lista de logos 2.0 para que te des una idea].
  • Segundo: lánzalo primero y por 4 meses en beta cerrada (envía pocas invitaciones, solo a los autonombrados gurús de la blogósfera). Pasando ese tiempo, conviértelo en beta cerrada-pública, dando cien invitaciones por usuario.
  • Tercero: asegúrate de que los usuarios sepan lo de los tags sociales.
  • Cuarto: ponle blog, cuentale ahí a los usuarios cómo se va desarrollando la aplicación.
  • Quinto: a más tardar en un año, Yahoo!, Google o ya de perdis Ask Jeeves tendrán una oferta para tí.
  • Sexto: [opcional] si la aplicación puede descargarse, libéralo bajo licencia GNU/GPL o Creative Commons. Usa Creative Commons para imagenes o archivos que habrá en la web (o en el blog) de la aplicación.
  • Séptimo: no te olvides de los amigos, compartir es amar