martes, 5 de febrero de 2008

Favicon

Lo primero es seleccionar la imagen que quieres que sea tu favicon: fav icon, icono de favoritos.
Entonces, cuando tu blog esté en la página de favoritos, saldrá el favicon en la dirección del navegador.
(Es la A que sale en el navegador junto al nombre del blog)

Seleccionada la imagen, hay que “generar” el favicon: este es un sitio donde se puede hacer:

http://www.chami.com/html-kit/services/favicon/

una vez hecho esto, lo alojas en algun servidor de imágenes, y ya tienes el favicon.

luego, si estás en blogger nuevo, la orden que has de poner es esta:

link href='http://direccion-a-tu.ico' rel='shortcut icon' type='image/x-icon'/

poniendo corchetes alante y atrás, que no lo pongo porque si no no me deja postearlo.

sustituyendo la dirección por la dirección donde hayas guardado tu favicon.

Esta línea va exactamente justo debajo de ésta, casi al principio de la plantilla:

title data:blog.pageTitle//title
(aquí he eliminado los corchetes)

también hay que encerrarlo en corchetes <> pero lo vereís enseguida.

Previamente yo haría una copia de seguridad, aviso.

Aquí hay una explicación del asunto si la quereis ojear

http://phranet.blogspot.com/2007/12/aadir-un-favicon-en-blogger.htm


si aun usas html o el blogger viejo la orden es:

link href=" http://direccion-a-tu.ico' " rel="shortcut icon" /

Con corchetes al inicio y final <>
Y el resto de pasos, iguales.

Este post debe mucho a Gerard, un lector esporádico (está lleno de esporas) y al Cerrajero.

Mañana todos con el favicon puesto, ale, al asunto.

7 comentarios:

Anónimo dijo...

No van los enlaces... Mucho lío...

Ignacio dijo...

Lo he explicado como he podido, no me deja postear segun que cosas blogger, será el código pero está explicado como hacerlo.

Seguro que el cerrajero encuentra una solución mejor

Anónimo dijo...

Te sobra una l en un enlace y el otro un desastre peor que zETA al mando de cualquier cosa. Pero no ha sido difícil... Hecho.

Claudedeu dijo...

Qué cosas se inventan hoy en día en el internet éste. Cuando yo era joven y Constantinopla estaba en manos de los romanos...

El Cerrajero dijo...

El truco rápido para poner código en Blogger es indicar que se debe sustituir los [ ] por < > y así es más fácil el copiar-pegar.

Ejemplo:

[a href="http://www.antizp.org"]AntiZP[/a]

Luis Amézaga dijo...

Me lo apunto, pero ando apuradísimo de tiempo para favicones. El año que viene, lo prometo.

AMDG dijo...

Gracias por la explicación, yo creía que era algo así como alubias con panceta. Fabes con beicon.