Búsqueda personalizada

11 de febrero de 2010

Cambiar favicon en blogger





¿Que es un favicon?

Fácil el favicon es la pequeña imagen que se ve en el navegador no obstante nuestro blogger ya trae un favicon por defecto que es esa b naranja que a nadie le gusta por lo menos a mi no.



¿Cómo cambiar el favicon?



Cambiar el favicon es demasiado fácil basta con agregar unas cuantas líneas de código de a nuestra plantilla.



1. Primero debes tener la imagen que quieres usar como favicon (generalmente el logo de tu página) en formato jpg, bmp, gif 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 formato ico.

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 Ahora necesitas subir el ícono en un servidor gratuito, aquí puedes elegir el que quieras, siempre y cuando hagas público el archivo.

4. Ya que has subido al servidor el ícono entra en Blogger > Diseño > Edición de HTML copia el código de abajo  y pega después de  <head> como lo muestra la imagen:



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






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.
Nota1: Si el favicon no se ve entonces pega el código después de la etiqueta:


<head>

Nota 2: En algunas plantillas hay que poner el código antes de la etiqueta :
</b:if>



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

3 opiniones:

Said Ramírez López dijo...

Gracias... en blogger me funcionó pegándo el código entre Title y b:skin

Mikiman dijo...

Bien Muchas gracias por la ayuda..
me funciono colocarlo tambien entre
/title y b:skin

reparar ordenadores madrid dijo...

Una buena y util información.
Gracias

Publicar un comentario

Hola , el blog nesesita tu commentario asi que por favor escribe lo que tu de verdad quieras

Posicionamiento en buscadores

El secreto del Posicionamiento en Google está en los enlaces. Los buscadores valoran la popularidad de un sitio por el número de enlaces hacia el mismo y su calidad. Sin duda el posicionamiento web y el link building es un paso clave para cualquier blog.

Posicionamiento en buscadores

 

Copyright © 2011 Marketing y Posicionamiento en Internet. Trucos blogger | Design by Kenga Ads-template