Hoy me dieron ganas de cambiar el aburrido Favicon que viene "de fábrica" con los blogs de Blogger. Les dejo los pasos para el que lo quiera hacer. También sirve para sitios y otros plataformas de blogs (lo único que cambia es dónde poner el código del punto 4).
- Hacer el icono con un editor de imágenes (hasta con el Paint se puede hacer). En su defecto, tener la imagen o el icono ya listo.
- Guardar el icono como "png" o "gif"
- Subirlo a ImageShack, Flickr o cualquier otro servidor.
- Insertar este código después de la etiqueta "<head>" (en Diseño>Edición HTML del panel de Blogger)
<link href="direccióndelaimagen" rel="shortcut icon"/> - Click "Guardar plantilla"
Y listo, eso es todo, espero que les haya gustado :P
Actualización: Rodolfo de EBDR me comenta que para hacer un FI animado el código sería algo así:
[apertura]link href='http://www.idivimage.com/files/tcgywndmn44nkzzg3t4m.ico' rel='shortcut icon'/[cierre]
[apertura]link href='http://img176.imageshack.us/img176/3377/animatedfaviconbn5.gif' rel='icon' type='image/gif'/[cierre]
Donde dice "[apertura]" va el signo "<" y donde dice "[cierre]" va ">", está escrito así porque si no Blogger lo interpreta como un error de Html.
Ya lo voy a probar y actualizo (de nuevo) el post. Cualquier duda, consulte con su médico :P
21 comentarios:
Two Things:
*ImagesHack no acepta ICO. Eso ya te corta las bolas por un parte si deseás hacer un FI estático.
*Si sos rebelde como EBDR, y querés tener un FI animado, tenés que hacer las rutas más o menos asi:
[apertura]link href='http://www.idivimage.com/files/tcgywndmn44nkzzg3t4m.ico' rel='shortcut icon'/[cierre]
[apertura]link href='http://img176.imageshack.us/img176/3377/animatedfaviconbn5.gif' rel='icon' type='image/gif'/[cierre]
Ves que la segunda tiene la aclaración sobre "image/gif". Juas!
Nos vemos!
Gracias por las aclaraciones Rodo!
2 cosas:
*ImagesHack sí soporta gif o png, por lo cual podés hacer un FI estático (no animado) como hice yo
*Gracias por eso, ahora lo agrego al post
Ojo, que puse [apertura/cierre] para que el sistema de blogger no tome los <<>> como inicio de code... En la práctica, se ponen esos dos signos... Jejejej
Nos vemos!
No puedo ser tan chotoooo!!
Ahora lo cambio.
Gracias, again.
hace tiempo decidí crear un FI, no logro que funcione con IE, si con Firefox. ¿Alguien sabe?
saludos
Poné un banner en tu sitio con "Ando mejor usando FF". IE es muy quilombero incluso con los FI (aunque el mio anda de todas maneras en ambos... asi que "podria" ser algo respecto a la imagen, que raramente puede no ser aceptada como FI para IE)
Nos vemos!
Tiene razón Rodolfo, poné un banner así.
IE tiene problemas (o directamente no acepta, había leído eso pero lo que dijo Rodolfo me desconcertó) con los gif y png como FI, según leí sólo acepta ".ico".
Cualquier cosa preguntá de nuevo, que nosotros te ayudamos.
"Llamado a la solidaridad" jeje
Nos vemos!
avisaré con un banner, y cuando regrese a Montevideo probaré con diferente tipo y tamaños de imagenes.
Gracias, saludos
Muy buena entrada, lo voy a probar en:
http://www.internet-noticias.blogspot.com/
Hola, tengo un blog en Blogger y hace un tiempo decidí cambiar el icono B, si, ese aburrido. Luego de haberlo hecho con este código:
link href='mi_icono.ico' rel='shortcut icon' type='image/x-icon' y haberlo subido a "Geocities" decidí volver a cambiarlo, por lo que repetí lo mismo pero con otro diseño. Malamente me lo respetó apenas unos días, ya que luego se volvió a poner o me pusieron nuevamente la "B" tan aburrida. Sabéis si tiene que ver con el tema de que ellos deben certificar que el sitio no proporciona información de identidad? Estoy furiosa... Por qué primero me dejan y después me imponen esa fea "B"????
Sí que han hecho algo los de blogger para anular el favicon personalizado, aunque no he dado con el "truco" que han usado .
No obstante, acabo de conseguir volver a ponerlo. Podéis verlo en mi blog «La mejor casa con la mejor financiación». Si cuando lo visites no han vuelto a estropearlo, debería verse el mismo favicon que en mi web de pisos baratos en Madrid
Sanbec eres un afortunado, aunque no lo gritaré a los 4 vientos para que no te lo quiten!!
Con el mío no hay caso, veremos mas adelante a ver si habéis conseguido burlar la vigilancia de Blogger. Bye y suerte!!
Para que no se vea el icono de Blogger hay que denegar el acceso del icono, es decir:
1. Doble clic sobre el icono de la barra de herramientas.
2. Dar a mas informacion
3. Ponerse en la pestaña medios
4. buscar el icono de blogger y bloquearlo
así es como en mi blog lo he conseguido: tuttimix.blogspot.com
Hola trafficofstrike, vi que te lo han cambiado nuevamente. Luego lo intenté con mi blog y lo que pone en lugar de la B, es el icono de un disco duro. La verdad es que me encantaría volver a tener mi icono personalizado y me da mucha bronca de que Blogger no lo permita. Gracias de todos modos!!! Bye
Hola sanbec, tu si eres un afortunado ya que no quitaron tu icono. Dependerá de donde alojas la imagen... Yo la subí a Geocities, tu?
Bye!
yayayaya!!!! Pude nuevamente!!!!!
A ver cuanto dura mi favicon!!!!
Bye
a mi blogger me quito el favicon, como q me lo bloquea y ya no me aparec el favicon q puse,me aparec el feo de blogger
a mi me toma el favicon con explorer si es q lo agrego a mis favoritos, pero en firefox no me lo toma, antes tenia una personalisado y me paso lo mismo que a mariela, cambie la plantilla, y cambie el icono y ahora no me lo toma!! quiero mi favicon!! nadie a encontrado una solucion ???
Creo que ya me salió, a ver vean:
http://ensenado.blogspot.com
.
correccion, para que el favicon funcione correctamente se debe insertar despues de este codigo:
]]></b:skin>
en caso dado quedaria asi:
]]></b:skin>
<link href='' rel='shortcut icon' type='image/png'/>
<link href='icono' rel='icon' type='image/png'/>
el primer codigo es de la miniatura y el segundo el de el icono normal...
P.D. el icono puede ser PNG , ICO, GIF , ETC...
Perdon corrigan el codigo, pero eso de que despues del bskin y todo eso esta bien....
Publicar un comentario en la entrada