IconJ: crear y alojar un favicon de forma sencilla : El Escaparate de Rosa

Estás en: Inicio » Utilidades Online » IconJ: crear y alojar un favicon de forma sencilla

IconJ: crear y alojar un favicon de forma sencilla

El Favicon es un pequeño icono que aparece junto a la dirección web en la parte superior de nuestro navegador.

Ha de estar en formato ICO y se llama FavIcon por ser la abreviatura de "icono de favoritos", por lo que además de en las pestañas del navegador se mostrará en la pestaña de favoritos o marcadores.

Nuestra amiga Malena ha tenido la gentileza de compartir con todos nosotros una web, donde de forma rápida y sencilla, podemos obtener un favicon para nuestro sitio.

[1] Accedemos a IconJ.

[2] A la derecha de la página vemos un pequeño formulario en el que tenemos que pinchar en "Examinar" para subir la imagen que vamos a utilizar desde nuestro PC.
Una vez subida, pinchamos en "Upload Now".

[3] Vemos entonces una vista previa de nuestro favicon y un par de enlaces generados.
Nos fijamos en el segundo (Direct Link) y lo copiamos.

[4] Ya solo nos resta colocar esa línea de código que acabamos de copiar en nuestra plantilla. Lo hacemos entre las etiquetas <head> y </head> de la misma, por ejemplo antes de <b:skin><![CDATA[/*.

Nota:

Con esto no tendremos que preocuparnos de encontrar un alojamiento para nuestro favicon, solo hay que tener en cuenta que si nuestro blog no recibe ninguna visita en el espacio de 30 días, el favicon es eliminado de IconJ y dejará de mostrarse.

CREAR FAVICON:ICONJ

Entradas Relacionadas:

48 comentarios:

MundoPhotoshopero: Muchas Gracias Rosa, tenia un truco similar agregado a mi platilla pero el icono desaparecio y nunca mas volvio a mostrarse.

Ahora funciona perfecto! ^^; 10/10/10
Ma. Elena Mtz. Manzanares: Hola Rosa! Soy malena :D!
Que bueno que si te sirvio y lo decidiste publicar. Hace unos momentos estaba checando tu blog y veo que lo pusiste, la verdad me puse palida de sorpresa :) :O
Queria agradecerte de nuevo por todo en lo que nos ayudas :D
¡Saludos!; 10/10/10
Ago: Gracias Rosa! muy util este truco! :D
Querria preguntarte una cosa propio sobre los favicon: yo tengo mi favicon en el blog, pero he visto que no es asì en los blogroll, donde, en lugar de mi favicon, todavia se muestra el favicon de blogger...sabes porqué y se hay algo de hacer para borrar el de blogger y poner el mio?
Gracias muchisimas para todos!
besitos
Ago; 10/10/10
Administrador: Lo he probado en un blog pero apenas se ve, aparece todo de color negro.; 10/10/10
EPIFANIO QUIROS TEJADO: Muchas gracias. Te he conocido por la Eulalia y, gracias a esta entrada, he podido recuperar la forma de poder poner el favicon en mi blog.
Gracias mil.; 10/10/10
Ferran: Muy útil sin duda!; 10/10/10
Ma. Elena Mtz. Manzanares: Hola rosa!
Una cosa que creo que olvide decirte esque el mismo codigo no se puede utilizar dos veces, o sea, uno por blog.
¡Saludos! :D; 10/10/10
Friol: Hacía algún tiempo que no pasaba por tu blog y veo que sigues manteniendo el listón muy alto. Felicidades; 10/10/10
LENINA: Muchas gracias por tanta informacion muchos saludos desde Colombia :D; 11/10/10
Pilu: Pero qué chulada! Me ha salido a la primera. Gracias.; 11/10/10
Maby Ce: Hola! Gracias a las dos!! intentè muchas veces antes pero nuca lo habia logrado, con tu consejo me saliò a la primera.
Un beso; 11/10/10
Stylo Zucio: Saludos Rosa
Sabes que tengo una pequeña duda
no tiene nada que er con este post
pero no supe donde escribir espero que no te moleste :)
lo que pasa esque tengo un blog
pero al abrirlo como que en unos segundos se vuelven a cargar algunas cosas, como el chat que tengo en la sidebar y la radio, tambien se recargan los videos que subo
que puedo hacer para que esto no pase?
Necesito tu ayuda
el blog es : http://www.real562.blogspot.com
Gracias ;); 11/10/10
Sarasvāti: Gracias! está genial!:D; 11/10/10
Ialza: Rosa, muchas gracias por el truco. Una forma sencilla de personalizar el blog. Un cordial saludo :-); 11/10/10
Anónimo: Frame Mc / Stylo Zucio No noto eso que dices más que en el chat, y eso es normal, siempre que alguien deja mensaje se refresca...; 11/10/10
Anónimo: El diario de York Gracias a ti por compartirlo cielo. :F; 12/10/10
Anónimo: Ago En ese gadget se muestra el de Blogger, no podemos cambiarlo.; 12/10/10
Anónimo: Administrador Intenta con otra imagen.; 12/10/10
Stylo Zucio: Gracias De todas maneras ;)
Ademas Gracias a tu blog e encontrado mas facilmente las cosas que buscaba :D; 12/10/10
The Walker!: hola gracias rosa despues de varios intentos de poner el favicon en mi blog. alfin con este tutorial lo logre gracias rosa saludos desde peru.; 12/10/10
Fernando QueenSpain: Hola Rosa, hacia tiempo que no te molestaba mi pregunta no tiene nada que ver con el post pero la dejo aqui. En los titulos de las entradas tengo puestas unas lineas amarillas que ocupan todo el espacio de largo de las entradas, al pinchar sobre una etiqueta se abre la pagina con las entradas, como la tienes tu, pero las lineas amarillas solo ocupan las letras del titulo, si es corto se cortan y no se ve bien. Si es facil ya me diras como y si es complicado no te molestes ya que es algo estetico y no de funcionamiento, he probado con todo lo que se me a ocurrido pero no he conseguido nada. Un abrazo. El blog es http://queenspain.blogspot.com/; 12/10/10
LENINA: Este es el mejor blog que he visto de ayuda :D; 12/10/10
LENINA: Aki les dejo mi blog soy nueva en esto spero les guste :D http://shirell007.blogspot.com; 12/10/10
Unknown: funciona perfecto con el favicon de mi blog

:) Bueno post Rosa; 12/10/10
Creaciones Joshany: hola rosa amiga explicame como edito las fotos de mis creaciones en mi blog; 12/10/10
@ManelFdez: Rosa, como de costumbre... mil gracias por tus consejos. El favicon funcionando a la primera. :-); 12/10/10
Unknown: hola rosa, si a alguien le ineresa los favicon animados lo explico muy bien en mi bolg, aca les dejo el link http://creartuebook.blogspot.com/2010/06/poner-un-favicon-animado-en-blogger.html
saludos de paraguay :); 13/10/10
Anónimo: Gracias por el consejo y felicitaciones por el blog, Rosa. =); 13/10/10
Martin: Hola Rosa, vine a decirte las gracias por esta entrada que me sirvio mucho!!
Tambien vine a platicarte, bueno en realidad a presumirte y a pedir ayuda (porque no se en que entrada ponerlo sobre lo que te voy a decir). Se trata sobre mi imagen que funciona de fondo y tiene varios links sociales. Si no me ha comprendido, ve a mi blog "El espacio de Martín", se encuentra en mi sidebar y tiene una leyenda que dice: "Visitame en...", y tambien en la imagen que está al fondo del blog y tiene de titulo "Enlaces de Dinorah", esos 2 creados por mi. Te pido una ayudita sobre estas imagenes, en mi IE (Windows Internet Explorers) se ve muy bien pero en mi Firefox se ve una imagen de arriba separado con los de abajo, quisiera saber como resolver esto y si en el tuyo no se ve asi, quizás debe ser mi navegador. De igual forma haré un tutorial sobre mi imagen que funciona con varios links!!; 14/10/10
Anónimo: MartinMira si en el código tienes algún <br> añadido que pueda estar haciendo ese salto.; 14/10/10
Anónimo: Sergio ¡Gracias!; 14/10/10
Anónimo: Creaciones Joshany Lo siento, no entendí que quieres decir ...; 14/10/10
Admin: una pregunta interesante, podrian usuarios registrarse en mi blog de alguna forma para poder postear, eh visto que se puede con na clase de codigo php pero no le entiendo a estos codigos me ayudarias rosa?; 15/10/10
Anónimo: TRANSFORMERS Eso no puede hacerse en Blogger, es imposible utilizar código PHP.
Lo que has visto será algún formulario de acceso a algún foro que no está en Blogger y que en el blog colocan desde allí, para postear en el blog es imposible.; 15/10/10
David Cueto Collao: Rosa, no sabes por casualidad como subir un favicon, pero en 32x32 para que pueda ser bien visualizado en la barra de tareas de win 7 con la nueva funcionalidad de IE 9 que permite agregar accesos directos a las web en esta???

gracias de antemano; 15/10/10
Anónimo: David Cueto Collao Pues no... y aunque pudieses... ¿se vería en los demás sistemas o navegadores?... no se, pregunto a mi vez, pues no tengo ni idea, ni uso win7, ni he probado aún el IE9 Beta; 15/10/10
Old School Generation: Hola Rosa, soy José Andrés, aunque como hace algún tiempo que no pasaba por aquí y en vista de la cantidad de seguidores que tienes dificilmente te acordarás de mi.
Te escribía porque recientemente he conocido un blog que creo podría ser del interés de tus seguidores, y pensé que podría gustarte.
Descubrí en tu página un enlace a otra que permitía cambiar el fondo insertando tan solo un código html, y esta que te comento es simplemente otro blog que brinda el mismo servicio, pero bastante más completo que el anterior creo.
La dirección por si no la conocías es decoratublog.blogspot.com.
El único inconveniente es que al menos en los diseños que he visto muestran un cartel publicitario de esta misma página que resulta bien visible, pero qué se le va a hacer.
Un cordial saludo y los mejores deseos!
Por cierto, si alguien descubre cómo hacer desaparecer el dichoso cartelito que ilustre al resto porfa :); 16/10/10
Anónimo: Old School Generation. La conozco si, y por cierto que hace tiempo no publican... para quitar el cartelito, hay que eliminar esto del código:
<a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a>
Fijate que está antes del último </div> del cierre y ese no hay que quitarlo.; 16/10/10
Old School Generation: Se agradece!
Disculpa por la información a deshora, la descubrí justo ayer de casualidad y pensé que quizá no la conocerías.
Ahora mismo pongo en práctica lo del cartel.
De verdad, no se que habría sido de mi blog sin tus consejos!
Eres la mejor!; 16/10/10
ORMAKI: Rosa, como siempre eres un crack¡¡¡ muchas gracias se ha quedado precioso mi favicon¡¡¡; 16/10/10
PÁGINA DE JUEGOS DE OLD SCHOOL GENERATION: Hola Rosa, he seguido tus indicaciones al pie de la letra pero por alguna razón me sigue apareciendo la B de Blogger en lugar del favicon seleccionado.
Puede deberse a que requiere de más tiempo para que se aplique la imagen a la web?
Es que no se me ocurre qué puede impedir que se vea el icono seleccionado.
No obstante si he notado que en la lista de blogs en movimiento la B ha dejado de ser visible, aunque tampoco se aprecia el icono que estoy tratando de aplicar.; 17/10/10
Old School Generation: Ya ha aparecido el icono.
No se por qué razón se había demorado.
Muchísimas gracias por todo Rosa!
Tu blog es imprescindible para todos los bloggeros! :D; 17/10/10
MONTIJONAS: tengo problema, el mio no aparece...; 17/10/10
Anónimo: montijonas He copiado la línea de código de tu favicon desde tu código fuente y lo he aplicado a un blog de pruebas... se ve correctamente, pero no donde tu lo has colocado, sino colocandolo justo donde indico en el paso [4] de esta entrada.; 18/10/10
Rekeme: lo ensayo y cuento...; 26/10/10
Junior Aponte: Mucho más sencillo que todo los trucos anteriores. Gracias ROSA...!; 28/10/10
LENINA: :D hola rosa yo queria preguntarte como puedo crear un boton asi como los tuyos que enlacen a mi blog??? :D gracias; 29/10/10
Ricardo Gottheil: Ufff!!! Porfin una manera de poner un favicon que funcione!!!!! Gracias Te lo Agradezco :) :D; 3/12/10

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.