lunes 3 de noviembre de 2008

Diferente favicon de la Página principal y una Página Individual

Gracias a la entrada en Vagabundia que explica Cómo optimizar el CSS (cosa que encuentro genial) y también a la entrada del Escaparate que Intercambia el Título :D se me ha ocurrido una manera creativa y media inútil para poder hacer que el Favicon de tu blog cambie, dependiendo la página visitada.

Ej: Aquí se muestra la página principal de mi blog en la rimera imágen y en la segunda la página de una entrada, las que tienen un Favicon diferente.








Lo que tienes que hacer es ir a la Edición HTML de tu blog y después de <b:include data='blog' name='all-head-content'/> agrega lo siguiente:



Recuerda guardar una copia de tu Plantilla en caso de cometer algún error


Esto es lo que irá en la página principal.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<link href='url-de-tu-archivo.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='url-de-tu-imagen.png' rel='icon' type='image/png'/>
</b:if>


Y ahora lo que irá en la Página de alguna Entrada.
Luego, seguido del código anterior debes agregar lo siguiente:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href='url-de-tu-archivo-02.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='url-de-tu-imagen-02.png' rel='icon' type='image/png'/><b:else/></b:if>


Procura tener tu Favicon tanto en formato PNG cómo en formato ICO, si no sabes como hacerlo, está explicado en Como converir de PNG a ICO.

Este truco además te puede servir para poner tener diferentes META Tags, como el de Descripción, sólo debes agregar el siguiente código dentro de lo debe ir en la página principal:


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<link href='url-de-tu-archivo.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='url-de-tu-imagen.png' rel='icon' type='image/png'/>

<META CONTENT='Una descripción de tu blog, para que google lo encuentre facílmente, procura nombrar aquí a tu blog por el título, (no uses eso de EN ESTE BLOG ENCONTRARAS) ' NAME='Description'/>
</b:if>


Así mejoraras tu posicionamiento en Google ;)



8 Comentarios:


La Blogueria dijo...

Interesante, lo voy a probar :D ya te cuento.

Saludos!


Ro.! dijo...

Que te funcione y te sirva, aunque no lo encuentro muy útil xD pero es mi primer truco :)


Pablo C dijo...

bonito ... interesante :)


Ro.! dijo...

este código funciona incluso con las modificaciones que esta haciendo blogger en algunos blog ;)


la dieta dap dijo...

Gracias por la informacion lo probare!!!


collar adiestramiento dijo...

Pensaba que si se ponía uno tenía que ser el mismo para todo el sitio, no sabía que se podían ir cambiando.


cosmetica natural dijo...

Yo tampoco sabía que podían ser distintos acique mucho menos hubiera sabido cambiarlos, muchas gracias por el dato y la explicación para poder hacerlo!!!


Natania dijo...

Gracias por la información,sobre todo por explicarlo paso a paso,lo voy a intentar.


Publicar un comentario

Seguidores