domingo, 11 de diciembre de 2011

Trucos blogger: favicon personalizado


Este domingo en Trucos blogger vamos a aprender a poner en el blog nuestro propio favicon.

Para quien no lo sepa, el favicon es la imagencita que aparece al lado de la barra de direcciones y que por defecto en blogger es la "B" blanca con el fondo naranja. Puede ser .png, .gif,... pero la mejor es .ico (hay problemas con las demás extensiones e Internet Explorer). En este tutorial vamos a hacer un .ico, pero puedes utilizar la extensión que quieras, siempre que sea una imagen de 16x16 píxeles, ¡vamos a personalizarla!


CREACIÓN DEL FAVICON

Lo primero que necesitamos es nuestra imágen. La podemos hacer con paint, yo lo voy a hacer en esta web: favicon.cc. En ella podéis subir vuestras imágenes o crearlas directamente y luego descargarla como .ico 16x16px.

  1. Puedes importar tu imágen
  2. Edita o crea tu favicon aquí
  3. Paleta de colores y herramientas para modificar la transparencia
  4. Previsualización de cómo quedará tu favicon
  5. Descarga del favicon.

PONER NUESTRO FAVICON EN EL BLOG

Una vez tengamos nuestro favicon, es hora de ponerlo en el blog. Sigue estos pasos:
  1. Entra en el apartado "Diseño" dentro del panel de control de tu blog.
  2. Edita el módulo "Favicon", te permitirá subir el tuyo (AVISO: blogger no lleva muy bien las transparencias, puede que te dé problemas como me pasó a mí. Si hiciste el favicon en paint no tendrás problemas, si los tienes, utiliza este tutorial).
¡Listo! Tu blog ya es un poco más "personal". ;)

2 comentarios: