Blog and Web

Hace unos años quede maravillado con Google Earth, en aquel entonces aun llamado KeyHole, desde entonces se ha venido mejorado bastante incorporando gráficos en 3D, estado de la circulación vial y ahora hasta una vista a nivel de calle. Como siempre, esta disponible sólo para algunas ciudades de los Estados Unidos como Las Vegas, San Francisco, Denver, Miami y Nueva York.

Sitio: http://maps.google.com/maps

Hace unos días buscaba el famoso botón naranja de alimentación o feeds y pretendía tomarlo de cualquier página, pero resulta que tiene su propio sitio de descarga: feedicon. Ahí puede encontrar este icono en los siguientes tamaños: 10×10 px, 12×12 px, 14×14 px, 16×16 px, 24×24 px, 32×32 px y algunos otros. Y en los siguientes formatos: PSD, PDF, PNG, JPG y GIF. Todo en un sólo archivo.

Particularmente útiles los archivos PSD con los cuales podemos personalizar el color del botón desde Photoshop. Aquí les dejo unos ejemplos que pueden usar en sus web o blogs.

Sitio: http://www.feedicons.com

Blogger por defecto crea un enlace al feed de las entradas del blog en la parte inferior, pero sí usamos Feedburner para monitoriar y gestionar nuestros feeds, ese enlace no resulta de mucha ayuda, sin embargo el enlace de los feeds de los comentarios de cada post si lo es. En este artículo te mostraremos como cambiar el enlace del feed de las entradas sin afectar el enlace al feed de los comentarios.

1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML” donde activamos la casilla “Expandir plantillas de artilugios”.



2. Buscamos el siguiente código:

     <b:loop values='data:links' var='f'>
   
      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
   
   </b:loop>

3. Sustituye ese código con el siguiente:

<b:if cond='data:blog.pageType == "item"'>

  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>

<b:else/>

  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='"http://feeds.feedburner.com/TUFEED"' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>

</b:if>

4. En ese código sustituye “http://feeds.feedburner.com/TUFEED” por la dirección de tu feed en feedburner. Es importante que mantengas las comillas como se muestra en el código.
5. Guarda y listo.

Ahora ese link será más útil. Y ya de paso, sí quieres suscribirte a nuestro feed y recibir todo lo que se genera en este Blog usa la siguiente dirección:

http://feeds.feedburner.com/blogandweb

En nuestro artículo “Creación de botones en Photoshop” te mostramos como crear botones estilo Web 2.0 con Photoshop (además de brindarte el archivo PSD), pero si no usas el Photoshop y/o necesitar crear botones de forma rápida My cool buttom puede ayudarte. My cool buttom es un sitio con un generador de botones al que puedes escoger color, tamaño, icono e incluir tu texto, como el de la siguiente imagen:

Mientras lo usas te recomendamos uses el botón “Aply changes” para ir observando los cambios y al final sólo hay que dar click en “Download” para tener nuestro botón en formato PNG.

Vía: Digital Inspiration

Este es otro sencillo pero útil videotutorial de Jorge Llantén para mejorar el aspecto de imagen con el uso de niveles e igualación de colores en Photoshop. Son métodos rápidos pero muy efectivos, ahora sólo enciende tus bocinas.
Continuar leyendo →