Notis

Síguenos en Twitter: @teoria_blogger | Para tu blog, recomendamos: que el diseño no esté cargado, que las entradas no sean muy largas y que contengan imágenes. Para más consejos Click aquí | Pon un link de Teoría Blogger en tu blog!!! Click aquí. | Para cualquier duda o problema sobre tu blog, escríbenos en nuestro formulario de contacto.

miércoles, 18 de julio de 2012

¿Qué es un favicon?

El favicon de un blog o página web es un pequeño ícono que aparece en el navegador, al lado de la barra de dirección. En la siguiente imagen se muestra lo que estoy hablando:
Favicon en el navegador
El predeterminado favicon de todo blog de blogger, es el siguiente:
Este ícono que representa a Blogger, puede ser cambiado por otro que quieras. Seguramente esto ya lo sabías ya que hay miles de administradores de blogs que ya lo hicieron.
Por eso, te recomendamos ver el siguiente post y seguir los pasos que se muestran en el siguiente recuadro.
Cambiar favicon de mi blogEntonces, sabemos que lo básico del favicon es una imagen pequeña o un ícono que represente a un blog que lo podemos ver en cualquiera de los principales navegadores.

¿Cómo debe ser el ícono?

El ícono puede tener las medidas que quieras. La desventaja de poner un favicon con una imagen muy extensa es que no se entenderá nada cuando se quiera ver en el navegador. Entonces, para que no ocurra esto, te recomendamos que tenga una medida mínima de 16x16, y una medida máxima de 128x128.
El formato puede se .gif (para íconos animados) .png o .jpg.
La imagen, debe ser algo sencillo, algo que sepas que se puede ver. Debe ser algo representativo del blog.

Vamos a los pasos

  1. Crea tu ícono: Puedes hacerlo o descargarlo de una página y editarla. Procura de que sea desde 16x16 hasta128x128. Guárdalo en formato jpg, gif, o imágenes png.Podemos dibujar en programas como el Paint. En la imagen se muestra que las medidas utilizadas son de 80x80.
  2. Súbela a Blogger o a una página para subir imágenes
    Subir ícono a Blogger
  3. Copia la URL de la etiqueta a <a> en la solapa Edición de HTML. Ver el ejemplo de la imagen:
    Copiar la URL que aparece en la etiqueta a
  4. Pégalo en el siguiente código en donde dice URL de la imagen:
    <link href='URL de la imagen' rel='shortcut icon'/>
  5. Ahora el código que nos quedó lo pegaremos en la plantilla. Así que iremos a Diseño → Edición de HTML → buscamos la etiqueta </head> (presionando ctrl+f). Arriba de </head> pegaremos el código (el del paso 4).
  6. "Guardar cambios" y ver plantillas.

Para dudas: teoriablogger@hotmail.com | Contactar