Blog and Web

Google+ acaba de liberar la creación de páginas para sitios web, marcas, negocios, etc. y sin duda es un buen canal para promocionar tu blog o sitio web y establecerlo como un método más de suscripción, tal como hicimos antes con las páginas de Facebook y Twitter.

Cómo crear una página en Google+

El proceso es bastante sencillo: Continuar leyendo →

Revisión patrocinada.

WiziApp es un servicio que, a partir de un plugin, permite convertir tu blog en una WordPress iPhone App. De este modo, el contenido de tu blog en WordPress estará disponible de manera más organizada y accesible para los usuarios del teléfono de Apple.

WordPress a iPhone

Tener una vista previa de tu App no tiene costo, sin embargo, para obtenerla y publicarla necesitar contratar uno de sus planes. El proceso de creación sencillo y rápido:

1. Instala el plugin de WiziApp. Puede ser directamente desde tu sección de plugins o de forma manual con FTP.

2. Ahora en tu panel de administración, puedes ir a la nueva sección llamada WiziApp para empezar la configuración y ver la previa de tu contenido.

En esta sección le pones nombre a tu App, personalizas el menú de pestañas, el fondo, la información a mostrar, el sistema de notificación y la monetización (vía Admob). Todo, viendo los cambios directamente en una previa del App.
Continuar leyendo →

“Daily bread, daily net” es trabajo del fotógrafo francés Gregoire Vieille presentado en la semana del diseño de Milán este año.

Continuar leyendo →

Blogger recientemente agregó de manera automática y obligatoria una LightBox en las imágenes de todos sus blogs. Una lightbox es una buena forma de resaltar fotografías y será útil en mucho casos, pero no en todos. Esta nueva característica usa javascript e igualmente con javascript se puede eliminar.

Actualización: 20/10/2011. Parece que Blogger entendió que no puede simplemente imponer características y ya ofrece la opción directamente desde el panel para eliminar la lightbox de imágenes. Para ello ve a Escritorio → Configuración → Entradas y comentarios → Showcase images with Lightbox y selecciona “No”.

Método por javascript, ya no recomendado:

Basta agregar el siguiente código antes de </head>:

<script type="text/javascript">
//<![CDATA[
function killLightbox() {
 var images = document.getElementsByTagName('img');
 for (var i = 0 ; i < images.length ; ++i) {
  images[i].onmousemove=function() {
   var html = this.parentNode.innerHTML;
   this.parentNode.innerHTML = html;
  };
 }
}

if (window.addEventListener) {
 window.addEventListener('load',killLightbox,false);
} else {
 window.attachEvent('onload',killLightbox);
}
//]]>
</script>

Fuente: English java drinker / Vía: Vagabundia.

Modificar una plantilla o theme es uno de los primeros retos de quienes inician un blog. Para hacerlo, nada nos libra de aprender lo básico de HTML y CSS, pero hay herramientas que pueden hacerlo más sencillo como Firebug, la extensión para Firefox y en versión Lite, para Chrome.

Una de las herramientas más simples, pero también más útiles de Firebug es Inspeccionar, como su nombre lo indica, permite navegar por cada elemento de un sitio web y conocer como esta configurado y como esta relacionado con otros elementos. Esta es la herramienta que puede ayudar a cualquiera a modificar una plantilla, sea Blogger o WordPress, sin mucha dificultad.

Esta pequeña guía se enfocará básicamente en modificar el CSS para adaptar un diseño a nuestras necesidades. En Blogger el CSS esta dentro de la misma plantilla, entre los códigos <b:skin> y </b:skin> y en WordPress en el archivo style.css en la carpeta del theme activo.

Modificar el CSS de un elemento con Firebug.

Para modificar cualquier característica de un elemento de una plantilla simplemente hay que:

1. Instala Firebug en tu navegador: Firefox o Chrome. Personalmente yo recomiendo usar la de Firefox, es más completa y rápida, pero a ambas aplica el contenido de este tutorial.

2. Dar clic en el botón de Firebug en la barra de herramientas , luego en el botón de Inspeccionar  y ubicar el cursor justo sobre el elemento a modificar, puede ser texto, imagen, video, flash o cualquier elemento, y dar clic en él.

3. En el cuadro de la derecha de Firebug, estando la pestaña “Estilo” activa, se muestran todos los estilos que afectan al elemento.

Se muestran tal como los tendríamos en una hoja de estilos CSS, sin embargo, Firebug ordena las propiedades alfabéticamente y las estandariza.

Es fácil reconocer las siguiente información: selectores, propiedades y la ubicación de dicho estilo (línea de código y archivo que lo contiene).

Aquellas propiedades que aparezcan con un tachado, implica que otra reglas CSS las ha sobrescrito y que por lo tanto no están siendo aplicadas.

4. Pruebas en vivo.
Continuar leyendo →