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>>

4 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..

wangzha dijo...

Coach Outlet Usa
Coach Bags Outlet
Coach Sale
Coach Outlet Sale
Coach Bags For Cheap
Coach Bags On Sale At Outlet
Coach Outlet Near Me
Coach Name Change
Coach Store
Coach Tote
Black Coach Purse
Outlet Michael Kors
MK Purses Clearance
Michael Kors Outlet Sale
Michael Kors Bags On Sale Amazon
Amazon Michael Kors Bags
Michael Kors Tote Sale
Cheap MK Bags
MK Handbags Sale
Michael Kors Outlet Online
MK Bags On Sale
Cheap Michael Kors
Cheap Michael Kors Handbags

Publicar un comentario

DIRECTORIOS

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