Como cambiar el Favicon de tu Blog.

Enviado por Joaquin Souyris el 30 nov, 2007 a las 13:57
Joaquin Souyris

direccionconfavicon.jpg

Esta es una de esas preguntas que todos se hacen. Como cambio el pececito que aparece al lado de mi blog. (no digo que el pececito sea feo.. pero a veces uno quiere personalizar su blog al máximo)

Es importante saber que los favicons son iconos iguales a los que hay en tu escritorio pero más pequeños, para ser exactos los favicos son incos de 16x16 pixeles.

Existen varias formas de hacer estos iconos, en lo personal ocupo Photoshop con el plugin ICO file format que me permite guardar imágenes con la extensión de *.ico

Una opción para personas que no tienen photoshop es utilizar favicon.cc una aplicación Web que nos permite crear favicon de forma muy fácil e intuitiva.

http://www.favicon.cc/

Una ves que tenemos nuestro favicon listo. Tenemos que subirlo a nuestro blog, en la opción de subir archivo. iconossubirarchivo.jpg

Una ves que lo tenemos arriba, vemos cual es la dirección de nuestro icono. Para eso lo hago de la siguiente manera.

Cada vez que se inserta un archivo en bligoo, automática mente en nuestro editor de texto se crea un link a ese archivo… para ver la dirección es tan facil como seguir ese link o bien, seleccionar el texto del link y presionar sobre editar link insertarlink.jpg.. se nos abrirá una ventana con la dirección del nuestro icono .

Perfecto.!

Una vez que tenemos nuestro icono en bligoo y sabemos la dirección, solo tenemos que agregar un código a nuestra Cabecera (header para los entendidos) para que el icono sea visible. Esto se hace en Personalizar mi sitio / Probador de Bligoo /Editar el thema que estemos ocupando / Encabezado.

editarencabezado.jpg
Apretamos sobre el icono que dice HTML htmlenbligooo.jpgy se nos abrirá una ventana con un texto en chino para algunos y html para otros. Lo importante es que al final de ese texto agregen el siguiente texto

<link href=""http://direcciondelicono" rel=""SHORTCUT"" ICON"" />

NOTA: nose por que bligoo cambia el codigo. pero si obserban bien desues de cada signo = hay unas comillas, la idea que exista 1 sola comilla antes y despues del texto, osea "texto" no 2 o 3 comillas como aparece ahí

Donde http://direcciondelicono es obviamente la dirección de el icono que acabo de crear. En el caso de mi blog es http://bligoo.com/media/users/0/47/files/faviicons.ico el de ustedes debe ser algo similar.

Ahora solo hay que dar en guardar y aceptar todo, para luego ver nuestro blog con nuestro favicon personalizado.

Ahora la pregunta es... ¿Alguien lo pudo cambiar?
Suerte.!

Era lo que te iba a preguntar

Enviado por el 30/11/2007 a las 06:24 PM
edgxr


Cuando visite tu blog vi que tenias un favicon, pero no supe como lo habias cambiado, la forma como tenia entendido era poner el codigo entre las etiquetas del head, pense que lo habias hecho mediante css, hasta vi en tu codigo fuente :P pero no encontre nada.

Gracias por el truco, ya puse mi favicon.

Saludos 


edgxr

Enviado por el 30/11/2007 a las 07:35 PM
Joaquin Souyris
La adaptacion de los themes que hiciste estan de pelos!!
Muy buenos.
Cuando tengan lista la opcion de compartir diseños (themes) seguro va a ser uno de los mas usados!

Cómo subo el archivo.ico?

Enviado por el 03/12/2007 a las 02:13 PM
Ximena

Me dice que no se puede. 

-----------------
ximerb




Igual

Enviado por el 04/12/2007 a las 03:55 PM
juan carlos


me aparece el pez, y seggui todos tus pasos

Juan

Enviado por el 05/12/2007 a las 12:02 PM
Joaquin Souyris

Juan tienes el codigo mal escrito. revisalo denuevo.!

es

<link href=""http://direccion del icono" rel="SHORTCUT ICON" />

xime

Enviado por el 05/12/2007 a las 12:01 PM
Joaquin Souyris
Puedo llamarte Xime?

Tienes que subir el icono, como un archivo y no como una imagen.
Me explico:

Tienes que subirlo por el gestor de archivo. el que tiene el icono que señale más arriba.

Creo que entendí

Enviado por el 05/12/2007 a las 12:25 PM
Ximena

Gracias.

Y sí, me puedes llamar Xime.

-----------------
ximerb


Me resulto

Enviado por el 05/12/2007 a las 12:44 PM
Ximena

Yupi! Esto es genial.

-----------------
ximerb



No tiene nada que ver con el post

Enviado por el 04/12/2007 a las 06:35 PM
Ximena

Tal vez, podrían dejar que la gente escriba en el blog, como en La Cocina de Bligoo.

-----------------
ximerb



Me gustaria.!

Enviado por el 05/12/2007 a las 12:05 PM
Joaquin Souyris
Pero no tengo control sobre el blog, como para poder hacer eso.
Y el dueño del blog no lo he visto hace tiempo.

Pucha

Enviado por el 05/12/2007 a las 12:26 PM
Ximena

¡Pucha, qué lata! Ojalá lo puedan solucionar.

-----------------
ximerb



No obtengo resultados

Enviado por el 05/12/2007 a las 01:15 AM
Diego González.

No entiendo que hago mal. Sigo los pasos uno a uno y sin embargo me sigue apareciendo el pez. AYUDA PORFA!!!! 

-----------------
www.pphproducciones.cl




Lo mismo

Enviado por el 05/12/2007 a las 12:04 PM
Joaquin Souyris

Lo mismo Diego.
Revisa el codigo de nuevo.
Lo tienes mal escrito.
Es:
<link href=""http://direccion del icono" rel="SHORTCUT ICON" />

(ACUERDENSE DE LAS COMILLAS) 

En este minuto tienes esto.

<link href=""http://bligoo.com/media/users/0/34444/files/globo.ico" rel="SHORTCUT" />
(falto el ICON)
Saludos. 

SI!!! FUNCIONO!!

Enviado por el 05/12/2007 a las 01:12 PM
Diego González.

Gracias Joaquin.

Lo logré y se ve perfecto. Muchas gracias por la buean onda, la dedicación y la paciencia.

Saludos

Diego G. 

-----------------
www.pphproducciones.cl




Nada

Enviado por el 06/12/2007 a las 11:31 PM
Gezilari

Inserto el codigo pero no lo incluye. Lo pego... update... guardo, veo el código de nuevo y no está ahi. No se que estoy haciendo mal. A todo esto, tiene que ser .ico o puede ser png? 

-----------------

agur, Gezilari

http://www.butaca.cl


GOOOOOOL

Enviado por el 07/12/2007 a las 12:00 AM
Gezilari

Era problema de comillas

GRACIAS

-----------------

agur, Gezilari

http://www.butaca.cl


Excelente!

Enviado por el 07/12/2007 a las 12:35 PM
Joaquin Souyris

Excelente! 


Hola!

Enviado por el 24/12/2007 a las 03:00 AM
rafasilva

Bueno muy interesante tu post!

 

Pero sabes no puedo encontrar la dirección del archivo que subí. Que se supone debería ser este:  http://bligoo.com/media/users/0/8251/files/favicon.ico Según lo que explicaste más arriba de cómo buscar la dirección. Bueno eso gracias!


By the way

Enviado por el 24/12/2007 a las 03:09 AM
rafasilva
Lo he resuelto linkeando directamente desde el link de favicon http://www.favicon.cc/?action="view_ico&file_id=12621" esogracias.

No aparece

Enviado por el 10/01/2008 a las 01:38 PM
Mariano

Hago todo como dice pero me sigue apareciendo el favicon de Bligoo y no el mio. Copio todo como tiene que ser pero no aparece.

Podrían ayudarme.

Gracias

 

-----------------

Mariano

www.mundosblog.bligoo.com


Direccion del favicon

Enviado por el 10/01/2008 a las 02:12 PM
edgxr

No tienes el enlace al favicon, tienes esto <link rel=""SHORTCUT" ICON" /> y deberias tener <link href="""http://direcciondelicono" rel=""SHORTCUT" ICON" />




No es asi

Enviado por el 10/01/2008 a las 08:18 PM
Mariano
Tengo toda la direccion es:

<linkhref="http://bligoo.com/media/users/1/74098/files/favicon.ico     rel="SHORTCUT ICON" />

 

-----------------

Mariano

www.mundosblog.bligoo.com


Cerrar las comillas

Enviado por el 12/01/2008 a las 11:59 PM
edgxr

No habia fijado bien, te falta cerrar las comillas del enlace al favicon y como habia dicho separar href:

<link href="http://bligoo.com/media/users/1/74098/files/favicon.ico"     rel="SHORTCUT ICON" /> 

Prueba asi a ver que tal. 


Espacio

Enviado por el 10/01/2008 a las 09:24 PM
edgxr

Debes separas link de href asi "<link href=""http://..."" talvez cuando lo guardas el editor de bligoo te elimina el enlace debido a ese error, checa el codigo fuente de tu blog veras como te digo.

Saludos 


no se si más comillas van a solucionar el problema

Enviado por el 11/01/2008 a las 12:22 AM
Francisco Arenas
el asunto es que el link del favicon se pone en el header y con la técnica de ponerlo con el encabezado lo está poniendo en el body... he probado con varios kilos de """"""" y no funciona, también probé con '' comillas simples pero tampoco
 
-----------------

-

Dospuntocero.cl: estándares web que puedes pagar 


Comillas simples

Enviado por el 12/01/2008 a las 11:56 PM
edgxr

Debes ponerlo con comillas simples asi:

<link href="http://bligoo.com/media/users/1/74098/files/favicon.ico    rel="SHORTCUT ICON" />

En la entrada el editor bligoo modifica el ejemplo y pone mas comillas (""SHORCUT"" ""ICON"") 


la solución a todos los problemas de los favicons

Enviado por el 18/01/2008 a las 08:47 PM
Francisco Arenas
me di cuenta que firefox (al menos) lee los favicons en tu código estando él en cualquier lado de la página, no solo en el tag head como los otros browsers, por lo tanto lo agregué en la parte donde se agrega el pié de página del sitio, escribiendo el código directamente como html (no insertando con el botón insertar código externo, sino que con el editar HTML)
 
el código es simplemente el siguiente:
 
 
o cualquier url que contenga el favicon de ustedes
 
Suerte!
igual espero que se pueda agregar de alguna forma más simple dentro del sistema de modificación de bligoo 

 

-----------------

Dospuntocero.cl: estándares web que puedes pagar 


OJO: el editor agrega más comillas gratis

Enviado por el 18/01/2008 a las 08:51 PM
Francisco Arenas
tiene que tener solo una comilla no 2 pares... eso es problema del tinymce
si ven en mi sitio, y miran el código fuente de la página bligoo, verán donde lo puse (busquen la palabra favicon) y verán que funciona sin problemas pero hasta ahora mi técnica parece que solo funciona en firefox mac... no se si en pc, no tengo uno a mano

saludos!

happy faviconing ;) 

-----------------

Dospuntocero.cl: estándares web que puedes pagar 


Exacto!!

Enviado por el 18/01/2008 a las 11:53 PM
Joaquin Souyris
Gracias por la info Francisco.

Ya se encuentra en el tutorial la informacion ;)

donde está el tutorial?

Enviado por el 19/01/2008 a las 08:22 PM
Francisco Arenas
Joaquín, porqué no te pones un link al tutorial acá?? sería buena idea ;)
 
 
saludos

¡¿?

Enviado por el 19/01/2008 a las 11:28 PM
Joaquin Souyris

jajaja

Enviado por el 30/01/2008 a las 03:47 PM
Francisco Arenas

si había cachado... (eso pasa por no leer las páginas desde el principio.. ¬¬) me dí cuenta luego de postear... 

 

-----------------

-

Dospuntocero.cl: estándares web que puedes pagar


jajaj,

Enviado por el 31/01/2008 a las 04:02 PM
Joaquin Souyris
jajaj, eso pasa harto, pero igual, parece que tutorial ya no funciona. o tengo que actualizar mis blog's algo sicedio en los míos

Lo hize

Enviado por el 02/02/2008 a las 01:51 PM
Mariano

Ya tengo mi propio favicon.

Gracias edgxr

-----------------

Mariano

www.mundosblog.bligoo.com


Lo agradecimientos

Enviado por el 02/02/2008 a las 10:51 PM
edgxr

Los agradecimientos son para Joaquin por el tutorial, ahora todos podemos tener favicon :)


Me sumo

Enviado por el 03/02/2008 a las 01:01 PM
Gezilari

Eskerrik Asko. 

-----------------

agur, Gezilari

http://www.butaca.cl


pregunta

Enviado por el 18/02/2008 a las 11:47 PM
jose luis arenas müller


no tengo idea de como cambiar el fondo de mi blog no se nada de css si tienes algun tutorial para hacer eso  ah y por cierto me resulto lo del favicon grax


Jose.

Enviado por el 06/03/2008 a las 06:02 PM
Joaquin Souyris

Sorry por la demora, no vi la pregunta hasta hoy.

Mira en la guia de Bligoo existe un tutorial para eso.
http://wiki.bligoo.com/index.php/Un_ejemplo_de_CSS_en_Bligoo#Fondo


gracias!

Enviado por el 14/03/2008 a las 08:15 PM
Leer y Escribir
gracias!

¿Y qué pasará con los "Te enchulamos el blog"?

Enviado por el 16/03/2008 a las 02:24 PM
Antonia


seria genial que volviera...

saludos! 


vuelven!

Enviado por el 16/03/2008 a las 06:26 PM
Paolo Colonnello
nos estasmo preparando para eso!

Se viene

Enviado por el 23/03/2008 a las 08:04 PM
Joaquin Souyris

Se viene algo así como, "Mejora tu blog 2", si es así, seria súper bueno que sea con inscripción, y el que quiere escribir un artículo... lo escribe


¡Qué bueno!

Enviado por el 28/03/2008 a las 05:59 PM
Ximena

Muy buena noticia 

-----------------
Ximena Ramírez Bruce




De locos

Enviado por el 01/04/2008 a las 12:21 PM
Germán Diego

 Nunca pude ver lo que quisiste cambiar por que nunca pude entrar en tu blog jejeje pero gracias por el link del plug in, para .ico en Photoshop.

saludos 

-----------------
Germán Diego www.germandiego.s5.com www.germandiego.googlepages.com Saludos.




funciono!!!

Enviado por el 09/04/2008 a las 06:18 PM
Rob®

Lo puse como insertar html, y listo!!!

 

-----------------

Rob®


como edito mi blog

Enviado por el 11/04/2008 a las 12:58 AM
DEGRUPO

Hola como edito mi blog no me sale ninguna opcion para editar con los blidget :S soy realmente newbie en esto S.o.S.

 

 

 

----------------
No Guts, No Glory




 aaaa

Enviado por el 11/04/2008 a las 01:12 AM
DEGRUPO

 

aaaa y la otyra duda es como hacen para redireccionarla a un  .cl o .com ??? 


Como el

Enviado por el 16/06/2008 a las 01:26 PM
María Teresa López

Como el pez no me gustaba simplemente lo elimine, no sabia como cambiarlo ni nada.  Soy nueva en esto y ni idea de que es un favicon, ¿que es eso y para que sirve? ¿el favicon es como el pez? y en ese caso ¿que hago ahora que lo elimine?


Genial, buen dato!Ya lo hice ...

Enviado por el 26/07/2008 a las 12:28 AM
David Andrés Díaz

Genial, buen dato!

Ya lo hice en mi blog.

-----------------

www.tecnopolitico.com


Hola David, te pregunto, ¿donde ...

Enviado por el 26/07/2008 a las 01:12 AM
María Teresa López

Hola David, te pregunto, ¿donde veo el nuevo favicon?, sigo los pasos y no sé si está bien o no, ni idea donde verlo.

achicada.gif picture by AVEPLATEADA_album







Suscribirse a los comentarios de este artículo en RSS