Te dejo en las fuentes un par de paginillas que te servirán ;) . Dales doble clic y quítales el guión a Blog-spot que les puse (no sé por qué no me dejaban postearlas poniéndolas como corresponden).
Por si se te complica, te copio y pego lo que dice una de ellas:
Blogger también permite poner favicons a tu blog. Los pasos para hacerlo son bastante sencillos:
1. Crea una imagen, más o menos cuadrada, con el logotipo que quieras usar como favicon de tu blog. Si usas Windows, lo más sencillo es que abras el Paint y lo dibujes. También puedes usar una imagen ya existente.
2. Una vez que tengas generada la imagen con tu logotipo, necesitas convertirla a un icono de 16x16 píxeles. Si generas un icono con formato .ico podrá ser visible tanto en Internet Explorer como en Firefox, mientras que si generas tu icono en cualquier otro formato gráfico (.png, .jpg, .gif, etc.) sólo podrá ser visible en Firefox (y en otros buenos navegadores como Opera, Konqueror, etc.) pero no en Internet Explorer.
En nuestro caso, yo he usado la web FavIcon from Pics para generar mi favicon. Simplemente tienes que introducir tu imagen original en el campo "Source Image", presionar el botón "Generate FavIcon.ico" y obtendrás un fichero .zip con tu favicon en varios formatos (incluye .png y .ico). Para nuestro blog, usaremos el formato .png.
3. Una vez generado tu favicon, necesitas subirlo a un servidor desde el que pueda ser cargado por tu blog. Lo más sencillo es que lo subas a tu cuenta de Flickr o cualquier otro servicio que permita guardar ficheros.
Otro truquillo con blogger consiste en iniciar un nuevo artículo en tu blog, incluir la imagen de tu favicon (y subirla al servidor de blogger), luego copiar la dirección en la que blogger ha guardado tu imagen y cancelar la edición del post. Así tendrás alojado tu favicon directamente en los servidores de blogger.
4. Por último, necesitas incluir el favicon en la plantilla de tu blog. Abre el código de tu plantilla, e introduce las siguientes líneas de código entre las etiquetas <head> y </head>:
Answers & Comments
Verified answer
Te dejo en las fuentes un par de paginillas que te servirán ;) . Dales doble clic y quítales el guión a Blog-spot que les puse (no sé por qué no me dejaban postearlas poniéndolas como corresponden).
Por si se te complica, te copio y pego lo que dice una de ellas:
Blogger también permite poner favicons a tu blog. Los pasos para hacerlo son bastante sencillos:
1. Crea una imagen, más o menos cuadrada, con el logotipo que quieras usar como favicon de tu blog. Si usas Windows, lo más sencillo es que abras el Paint y lo dibujes. También puedes usar una imagen ya existente.
2. Una vez que tengas generada la imagen con tu logotipo, necesitas convertirla a un icono de 16x16 píxeles. Si generas un icono con formato .ico podrá ser visible tanto en Internet Explorer como en Firefox, mientras que si generas tu icono en cualquier otro formato gráfico (.png, .jpg, .gif, etc.) sólo podrá ser visible en Firefox (y en otros buenos navegadores como Opera, Konqueror, etc.) pero no en Internet Explorer.
En nuestro caso, yo he usado la web FavIcon from Pics para generar mi favicon. Simplemente tienes que introducir tu imagen original en el campo "Source Image", presionar el botón "Generate FavIcon.ico" y obtendrás un fichero .zip con tu favicon en varios formatos (incluye .png y .ico). Para nuestro blog, usaremos el formato .png.
3. Una vez generado tu favicon, necesitas subirlo a un servidor desde el que pueda ser cargado por tu blog. Lo más sencillo es que lo subas a tu cuenta de Flickr o cualquier otro servicio que permita guardar ficheros.
Otro truquillo con blogger consiste en iniciar un nuevo artículo en tu blog, incluir la imagen de tu favicon (y subirla al servidor de blogger), luego copiar la dirección en la que blogger ha guardado tu imagen y cancelar la edición del post. Así tendrás alojado tu favicon directamente en los servidores de blogger.
4. Por último, necesitas incluir el favicon en la plantilla de tu blog. Abre el código de tu plantilla, e introduce las siguientes líneas de código entre las etiquetas <head> y </head>:
<link rel="icon" href="DIRECCION_DE_TU_FAVICON" type="image/png">
<link rel="shortcut icon" href="DIRECCION_DE_TU_FAVICON" type="image/png">
Et voilà! La próxima vez que accedas a tu blog, deberías ver un iconito en la barra de direcciones de tu navegador.