Línea Blogger - trucos y plantillas | templates blogger | blog google

Mostrando entradas con la etiqueta insertar favicon. Mostrar todas las entradas

4 ago 2011

Favicons personalizado en tu blog de Blogger.

Tal como lo anunciamos en el blog de Blogger en borrador a principios de este mes , ahora ofrecemos una herramienta fácil para crear favicons personalizado en tu blog de Blogger. Estamos contentos de anunciar hoy que esta característica ya está disponible para todos los usuarios de Blogger.

Desde el lanzamiento inicial para el proyecto, hemos añadido soporte para todos los tipos de imagen (JPEG, PNG, GIF, etc) y ahora se cambie automáticamente el tamaño de la imagen con las especificaciones favicon correcto. Puede agregar un favicon personalizado a tu blog ahora mismo en el Diseño | Elementos de página ficha, a través del elemento nuevo favicon se muestra a continuación:

via: /buzz.blogger.com/

12 may 2008

Inserta favicon en tu blogger

Favicon (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asociado con un sitio web o página web en particular. Un diseñador web puede crear este icono, y muchos navegadores gráficos pueden hacer uso de él. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre del sitio en la lista de favoritos, y al lado del título de la página en una interfaz de documentos en pestañas.

Para insertar un favicon a tu blog de blogger lo que tienes que hacer es:

Crear una imagen o ícono de 16 X 16 pixeles que identifique tu web en cualquier software que desees, yo usé el Adobe Photoshop. Aunque en las webs que tomé de referencia indican que la imagen debe ser .ico comprobé que esta función también trabaja con imágenes .png y .gif ya que se me hizo difícil encontrar un servidor gratuito que acepte el formato .ico
Subirlo en un servidor libre u otro servidor. Puedes usar un servidor libre como photobucket.com
Ingresa al panel de tu blog Panel >> diseño >> Edición de HTML, y escribe la siguiente línea de código html dentro <head> y </head> antes del cierre de la etiqueta head.