Favicon: Introducir Favicon en Blogger o cualquier web

Buenos dias a todos los lectores, hoy vengo a mostrarles un codigo que hara que aparesca el favicon deseado en nuestro blog,

¿Que es favicon?
Favicon es el iconito que aparece al lado de la url de nuestro navegador y tambien a lado del titulo.
ademas en el navegador Mozilla Firefox aparese cuando añadimos la pagina a marcadores y si no me equivoco en las ultimas versiones de Internet Explorer tambien, con la diferencia que es en favoritos.

¿Como lo pongo?
A continuacion el tutorial.





Para empezar voy a mostrarles cual es el favicon de este blog.



Bueno para poner el que nosotros queramos en nuestro blog tenemos que ir a la siguiente pagina http://www.favicon.cc/.

Luego de haber entrado en la pagina, veremos como un cuadro pintado de color amarillo con rayas azules, en ese cuedrado tienen que dibujar su favicon deseado, para elejir los colores tienen que hacer click en la tabla llamada Color Picker, luego de hacer click en el color tendremos que hacer click en el cuadradito amarillo que queremos que se ponga de ese color, informamos que el cuadradito amarillo es el color transparente.

Ahora si quieren hacer su favicon con una imagen que tienen en la pc pueden hacer lo siguiente:

Cuando entramos a la pagina de Favicon.cc vamos a Import Image, Y hacemos lo que la imagen dice.


Una vez que encontramos nuestro favicon ideal le damos al Dowloand favicon, y lo guardamos
luego, seguido de esto vamos a algun lugar que quieran para subir la imagen a internet (osea un host) y la subimos.

Luego vamos a nuestro blog y editamos el codigo HTML de la plantilla.

Seguido del Primer Head que encontremos en los codigos y pegamos este codigo


<link href='Aqui la url donde esta el favicon' rel='shortcut icon' type='image/x-icon'/>

<link href='Aqui la url donde esta el favicon' rel='icon' type='image/x-icon'/>





Luego no queda mas que darle al guardar y listo, vean su favicon!

Espero que esto les haya servido y espero sus comentarios, Gracias