miércoles, 11 de agosto de 2010

Cambiar tu Favicon

Con un favicón personal parecerás más profesional:



Bueno, ahora vamos a poner el favicon a nuestro sitio.

  1. Primero debes tener la imagen que quieres usar como favicon (generalmente el logo de tu página) en formato jpgbmpgif o png en medidas de 16 x 16px o 32 x 32px.
  2. Ahora hay que convertir esa imagen en formato .ico y para ello puedes hacer uso de cualquier página web que nos dé este servicio, como por ejemplo Dynamic Drive. Puedes usar tu favicon en formatos png o gif pero si quieres que se vea en Internet Explorer entonces deberá estar en formatoico.
  3. Entonces haz click en Examinar y busca la imagen en tu equipo. Luego click en Create Icon y descarga en tu ordenador la imagen en formato .ico
  4. Ahora necesitas subir el ícono en un servidor gratuito, aquí puedes elegir el que quieras, siempre y cuando hagas público el archivo. Yo les recomiendo Dropbox pues acepta toda clase de archivos.
  5. Ya que has subido el ícono al servidor entra en Blogger > Diseño > Edición de HTML, busca al inicio de la plantilla esta etiqueta:


    <b:skin><![CDATA[/*

    Justo arriba de ella pega este código:
<link href='http://URL del favicon/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://URL del favicon/favicon.ico' rel='icon' type='image/x-icon'/>


El código debe verse así:

favicon blogger


Obviamente tú debes sustituir donde dice URL del favicon/favicon.ico por la dirección donde tienes alojado el ícono. Si deseas que el favicon sea animado entonces lo haces en formato .gif
Algunos dicen que sólo basta poner la primera línea del código, pero yo les recomiendo que usen los dos, ya que algunos exploradores como el Internet Explorer no siempre muestran los favicones.

ACTUALIZACIÓN 1: Si el favicon no se ve, entonces pega el código después de esta etiqueta:
<b:include data='blog' name='all-head-content'/>
ACTUALIZACIÓN 2: Es posible que si el favicon no se ve tengas que pegar el código después de la etiqueta </head>>

3 comentarios:

losmanjaresdeanamaria@gmail.com dijo...

Hola, tus consejos son una pasada, y he podido mejorar mucho mi blog, que aún no está en marcha pero espero que lo esté pronto, pero todavía no he conseguido que mi favicon se vea, he hecho lo que dices y no lo consigo, puede ser que hayan sacado alguna actualización más. Muchas gracias por todo.

losmanjaresdeanamaria@gmail.com dijo...

he conseguido que se me vea, pero sólo en mi ordenador, cuando entro en otros no se ve, porque puede ser? he probado con todas las actualizaciones.

Adimistrador:matiayala dijo...

gracias amigo esto me gusto gracias gracias esto anda esto..!
visiten mi blog.
http://matiayala-windows.blogspot.com y recominde selo a sus amigos..

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones