Identifica tu blog con tu propio favicon

8:30:00 a. m.



¿Has visto favicons que te parecen bonitos? o ¿no te das cuenta y ni sabes que son?


Un favicon (favorites icon) o ícono de página, es la imagen pequeñita que se asocia a una página o web y que la identifica. Por ejemplo, cuando abres mi blog, en la pestaña del navegador vas a ver en pequeño la imagen que encabeza este post junto al nombre del blog, como te muestro en la imagen de abajo.


Favicon Eleana


¿Para qué sirve y por qué es importante el favicon?


El favicon cumple dos funciones: Identifica tu sitio y te posiciona en la mente de los usuarios, porque con un simple ícono pueden reconocer tu página. Es el logotipo que identifica tu proyecto.

Por defecto, Blogger te asigna su propio ícono como favicon, pero si puedes cambiarlo y así diferenciarte de los demás y tener tu propia personalidad ¿por qué vas a dejarlo?.

Yo lo tengo desde hace algún tiempo, y cuando quise personalizarlo los tutoriales que encontré me parecieron complicados porque originalmente el formato del favicon era .ico, tenía que cambiar el tamaño de la imagen que eligieras a 16px x 16px, guardarla como png, convertirla a .ico usando Convertico., subir la imagen a un servidor, obtener la url, alojarla en Dropbox o en ImageSchack, y seguir otros pasos. La verdad, me pareció mucho trabajo y tan complicado que no lo hice así

Ahora en internet puedes encontrar muchos generadores de favicon, unos más sencillos que otros.


Te muestro como lo hice yo:


  1. Elegí una imagen sencilla que me gustaba. Sencilla porque va a ser pequeñita y no debe tener muchos detalles. Hice una copia de la original porque hay que cambiarle el tamaño y hacerla cuadrada, de lo contrario blogger no la acepta como favicon. 
  2. Abrí la imagen en Paint (que viene predeterminado en la computadora).
  3. Le di clic en "Cambiar tamaño".
  4. Se abre una ventanita como la de abajo. Marca donde dice Píxeles, desmarca "Mantener relación de aspecto", cambia a 16 en "Horizontal" y en "Vertical" (puede ser más de 16, lo importante es que la imagen sea cuadrada). Luego le das aceptar (la verás pequeñita), guarda tu imagen png y listo, ya puedes usarla en el favicon. En este punto puedes usar un generador de favicon que consigas en internet o hacer como te cuento a continuación...



Ahora a colocarla en el favicon:

  1. En el menú de Blogger ve a "Diseño".
  2. En la barra superior izquierda está Favicon. Dale clic a editar.
  3. Clic en "Seleccionar Archivo", busca tu imagen y clic en Abrir.
  4. Cuando blogger haya terminado de subir tu imagen, le das a Guardar y listo, ya tienes tu favicon.


Antes de probarlo, borra el historial y las cookies del navegador que estés usando.

Puedes cambiar la imagen del favicon cuando quieras. Yo estoy pensando en cambiarla por la imagen de la cabecera de este blog.

¿Te parece fácil? Si lo haces cuéntame como te fue


Si te gustó este artículo, ayúdame a llegar a más personas, compártelo!!!



También Podría Gustarte

7 comentarios

  1. Que gran aporte amiga gracias por compartirlo...

    ResponderEliminar
  2. me parece facil asi como lo dices en cuanto pueda probare , lo que no me queda claro es eso de borrar el historial y las cookies, pero gracias porque esto del blog para es complicadisimo, bendiciones

    ResponderEliminar
  3. no se que paso con mi mensaje lo dejo de nuevo, muchas gracias por el aporte como lo explicas parece facil , lo intentaré, lo unico que no se como se hace es borrar el historial y las cookies, pero bueno debo decir que esto de arreglar el blog para mi es super complicado, pero gracias y muchas bendiciones

    ResponderEliminar
    Respuestas
    1. Hola Mekyta.

      En la memoria de tu computadora queda un registro de todos los sitios que has visitado en internet, eso es el Historial. Las cookies son un archivo de las páginas que has visitado y se almacena en el disco duro. Este archivo contiene información de tus preferencias y así la próxima vez que visites ese sitio te presentan información personalizada.

      Es conveniente que eliminemos estos archivos de vez en cuando porque ocupan espacio y algunas veces pueden contener información maliciosa. Cuando los eliminas se borra la configuración de los sitios web que has visitado, incluyendo la información de tu blog.

      Si no haces esto antes de probar tu nuevo favicon, no lo vas a poder ver, te va a aparecer el ícono que usabas antes porque la memoria de tu computadora tiene la configuración guardada.

      Espero haberte ayudado. Pruébalo y avísame.
      Un abrazo.

      Eliminar
  4. Muy Buena e interesante tutorial, lo que no me queda claro, es como eliminar los archivos de las cookies,
    Gracias por todo y buen dia!

    ResponderEliminar

Gracias por comentar y compartir.

Like en Facebook