Favicon o imagen en la Url - Otra manera

En esta oportunidad Jorge del blog Jorge Key, me hace llegar esta interesante información.
Al parecer a implementado un código para que el Favicon pueda ser visto desde varios exploradores. (Hasta ahora solo se veía en Firefox)

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^


1- Creamos nuestro Favicon, con la imagen que queremos.
2- Importante es guardar el Favicon en formato ICO y PNG
3- Alojamos la imágen y conseguimos su URL
4- Nos dirigimos a Draft Blogger ingresamos a nuestra plantilla, Diseño/Edición HTML y buscamos el siguiente código:
<title><data:blog.pageTitle/></title>
inmediatamente después pegamos lo siguiente

<!-- Favicón-->
<link href='URL DE TU FAVICON ICO' type='image/x-icon'/>
<link href='URL DE TU FAVICON PNG' type='image/x-icon'/>

<link href='URL DE TU FAVICON ICO' rel='icon' type='image/png'/>
<link href='URL DE TU FAVICON PNG' rel='icon' type='image/png'/>

<link href='URL DE TU FAVICON ICO' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE TU FAVICON PNG' rel='shortcut icon' type='image/x-icon'/>
<!-- Termina Favicón -->

Nota: Como se darán cuenta está repetido, y es correcto, así debe ser para que funcione.

Pegamos las URL's que habíamos creado, y pronto.
Como siempre antes de guardar, nos fijamos en vista previa, para ver que todo funcione bien. ;)

Este es un excelente aporte de
Gracias !!! :D

IMPORTANTE:
En estos días a sucedido que los Favicon que teníamos, desaparecieron, esto se debe a un cambio que ha hecho blogger; podría explicarlo, pero Jmiur lo está explicando mucho mejor.
Lo importante a saber es que, el código que aplicamos para agregar el Favicon, <link href='URLIMAGEN' rel='shortcut icon'/"> lo debemos poner antes de </head> y listo, se soluciona el tema. ;)