miércoles, 4 de julio de 2012

Cambiar el icono de favicon en blogger

El favicon, para el que no sepa qué es, es el icono pequeño con la letra B de Blogger que está en la barra de direcciones o en la pestaña de nuestro navegador. El icono no es feo ni molesto, pero es una cosa que llevan todos los blogs por defecto, por lo que si queremos personalizar nuestro blog y hacerlo más único no esta de más que lo modifiquemos a nuestro antojo.

Lo primero que tenemos que hacer para ello es crear nuestro propio icono favicon, tenemos que saber que debe ser un archivo de 16x16 píxeles y que tiene que tener el formato .ico.
Así que lo que hay que hacer es crear una imagen de 16x16 y luego pasarla a formato .ico. También podemos utilizar alguna web que nos lo haga directamente a nuestro formato deseado como hacen Web Script Lab o Dynamic Drive.

Una vez tengamos el icono ya creado tendremos que alojarlo en alguna web, como por ejemplo dropbox o picasa.

Una vez tengamos ya listo nuestro icono y alojado en algún servidor lo siguiente será modificar el html. Recordar hacer una copia de seguridad por si acaso nos equivocamos en algún momento poder restablecer nuestra plantilla. Iremos a nuestro blog a "Diseño > Plantilla > Edición de HTML" y tenemos que buscar donde ponga:

<head>

Justo debajo de esta línea tenemos que pegar lo siguiente:


<link href=’url_imagen.ico’ rel=’shortcut icon’ type=’image/x-icon’/>
<link href=’url_imagen.ico’ rel=’icon’ type=’image/x-icon’/>

Deberemos cambiar donde pone 'url_imagen.ico' por la dirección url de nuestro icono.
Y con esto ya tendremos nuestro propio icono favicon, personalizado a nuestro gusto.
Y ya sabéis para cualquier duda utilizar los comentarios y estaré encantado de resolver sus dudas.

No hay comentarios:

Publicar un comentario