Cómo añadir una favicon en Blogger

Cómo añadir una favicon en Blogger – Método Efectivo

July 5th, 2009

Algunos se preguntarán, ¿Cómo se agrega ese pequeño icono junto a la dirección web en browser?, pues es muy sencillo, actualmente casi todos los sitios lo usan y es una forma de reconocerlo por ejemplo cuando lo guardamos en los favoritos, inmediatamente reconocemos el sitio que buscamos por medio del favicon, entonces, enseguida veremos cual es el método eficaz para agregarlo a nuestro blog, para lograrlo bastaría seguir los siguientes pasos al pie de la letra:

El primer paso es crear una imagen con extensión .ico y con tamaños de “16×16″ o “32×32″, es más recomendable la primer dimensión la 16×16.

Para quienes saben utilizar Photoshop no seria ningún problema crear la imagen con esa extensión, pero si no sabemos usar “San Photoshop”, con ésta aplicación web podríamos crearla igualmente a nuestro gusto, luego la guardamos en nuestro ordenador, además es posible utilizar cualquier imagen de cualquier medida y convertirla en .ico, las medidas las indicaremos nosotros mismo en ésta aplicación (en en botón Examinar escogemos la imagen que deseamos utilizar desde nuestro disco duro, seleccionamos una medida, seria ideal la 32×32, luego click en Generate Icon), el servicio genera automáticamente la imagen que deseamos haciéndonos ver una prueba de como se vería en el navegador.

Bueno hasta aquí parece que todo va de maravilla, ya teniendo la imagen con las medidas exactas y con la extensión .ico, nos sirve un hosting donde sea posible alojar imágenes con extensión .ico, para esto usaremos PicPanda un servicio gratuito de filehosting, “subir imágenes a estos servicio seguramente somos expertos”, de aquí nos sirve solo la direccion url, escogemos la última que genera el servicio la que dice “Direct”, ya teniendo ésta dirección url, nos dirigimos a Blogger > Diseño > Edición de HTML, y sin expandir los artilugios buscamos el siguiente código que es el primero del cuadro y corresponde al título:

Y justo debajo pegamos el siguiente código:

La dirección URL (htttp://xxxxx.ejemplo.xxxxx/favicon.ico) la cambiaremos por la nuestra, guardamos y enseguida podremos disfrutar de nuestra favicon personalizada.