Cambiar tu Favicon

  • agosto 10, 2010

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

No Comments Found

Deja un comentario