FavIcon: tu icono personalizado de favoritos en Blog o Web
¿Te has fijado en el pequeño icono que suele aparecer en la barra de navegación, a la izquierda de la URL por la que estás navegando? ¿Te has preguntado alguna vez qué era ese icono o cómo poner el tuyo personalizado?
Estamos hablando del famoso FavIcon, que viene del término en inglés “favorite icon”, ya que será esta pequeña imagen la que te aparezca en el menú de favoritos, sustituyendo a la imagen por defecto del navegador que utilices. Además, te ayuda a dar un toque personal a tu página o blog, hace que el usuario o visitante nos identifique visualmente con nuestro icono, sobre todo con navegadores con pestañas…
Desde Axpe Blog vamos a ayudarte a generar tu FavIcon:
Debes crear una imagen más o menos cuadrada, y tener en cuenta el tamaño al que queda reducido para convertirse en favicon, asi que cuida el diseño y asegurate que lo que quieres mostrar sea claro y no se verá muy afectado por la reducción.
Cuando tengas la imagen a tu gusto, desde esta página: http://www.html-kit.com/favicon/ podrás utilizarla para crear tu icono. Es una herramienta que nos lo hace todo, así que sólo tendras que preocuparte de ver el resultado final en el “preview” y si nos gusta, guardarnos los archivos resultantes.
Ahora hemos de subir el archivo “favicon.ico” que nos hemos guardado en nuestro dominio, en la carpeta de imagenes o donde nos plazca. Por último y para que se vea el icono, hemos de añadir entre las etiquetas <head> y </head> de nuestro código:
<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” >
Donde pondremos en mce_href la ruta relativa de nuestro icono si no está donde el archivo .html en el que estamos añadiendo este código.
Si tienes un blog en WordPress como nosotros, no tienes mas que editar el archivo “header.php“, que tendrás en la ruta: httpdocs\wp-content\themes\nombre_de_tu_tema. Aquí encontrarás las etiquetas <head> y </head> dentro de las cuales deberás introducir el código.
Esperamos que esta información os haya sido de utilidad.
Saludos, ETD.
Imprime este artículo
Si te gustó este artículo, quizás te interese también:
