20/02/10

Cómo cambiar el favicon de mi blog de Blogger

Muchos bloggers no saben como cambiar el favicon, cosa que yo ignoraba también, y hasta hace poco tiempo aprendí a hacer, con la ayuda de amigos de forobloggers.


Empecemos por lo básico, ¿que es un favicon?.

Bueno el favicon de un blog, o cualquier web, es la imagen que se mira en la barra de navegación, a la izquierda de la dirección web (http://). En el caso de blogger la "B" con fondo naranja.



Pasos para cambiar el favicon.


Lo primero que tienes que hacer es obtener tu favicon, el cuál tiene que ser de 16 x 16 píxeles. Puedes partir de cero, creando tu propio favicon en esta web favicon.cc, o si lo prefieres, puedes importar una imagen de la cuál extraer un favicon, desde tu computadora, en esta web genfavicon.

Una vez, que ya tengas tu favicon de 16 x 16 almacenado en tu computadora, vas a Yahoo! Geocites y te registras gratuitamente (si ya tienes cuenta en yahoo solo ingresa tus datos). Luego en tu panel vas a "Manage", allí vas a "File Manger".


Luego de dar clic en "File Manager", buscas la opción "Open File Manager".

Dentro buscas el botón "Upload Files", en el lado derecho del cuadro que sale.



Cargas tu archivo, y luego vas de nuevo a "Open File Manager", para ver el cuadro en el cual ya tiene que aparecer tu favicon, cargado. Das clic en "view".


Después de hacer clic en "view", copias el código html que aparece en la barra de navegación, tiene que salir algo parecido a esto http://www.geocities.com/nombre@yahoo.com/favicon.ico

Ahora vas a tu código html y justo después de:
<title><data:blog.pagetitle/></title>


Insertas esto:
<link href='direccióndelicono' rel='shortcut icon' type='image/x-icon'/>


Guardas tu plantilla y listo, ya tienes que visualizar en tu blog, el favicon que hiciste.
  • rss
  • Del.icio.us
  • Digg
  • Twitter
  • StumbleUpon
  • Reddit
  • Share this on Technorati
  • Post this to Myspace
  • Share this on Blinklist
  • Submit this to DesignFloat

15 comentarios:

Dhampire dijo...

me mareo al ver esas imagenes :/

*[T]eby]* dijo...

exelente vale compadre te pasaste el unico ke explica bien = pasate por mi blog te va a gustar http://teby-guitar.blogspot.com/
gracias

rubiadesiempre dijo...

Pase x muchos lados tratando de hacer esto y todos daban respuestas q no funcionaban ...MUCHAS GRACIAS!!!

Kostolany dijo...

Gracias por la información.
Muy amable.

Un saludo.

rapulsel dijo...

Me ha funcionado perfecto, sabes si aceptria gifts, por hacer q el favicon se mueva.
Me quedo asi http://rapulsel.blogspot.com/

Hay algun problema si pongo este tutoria en mi blog un saludo.
Pondria de donde lo e sacado. un saludo,

Manuel dijo...

no entindo la ultima parte, donde dice "Insertas esto.." no entiendo bien esa parte, si me lo explicas mejor.... gracias.

Willy Gomez dijo...

Dhampire: No se a que imágenes te refieres.

Teby: Gracias amigo, un placer poderte ayudar.

Rubiadesiempres: Que bueno que si te haya funcionado este tuto.

Kostolany: De nada.

Willy Gomez dijo...

Rapulsel: No hay problema siempre y cuando pongas de donde sacaste el tutorial, la dir hacia este post sería.

Manuel: Se refiere a que copies el codigo que aparece en el cuadro de abajo, justo despues del codigo que aparece en cuadro de arriba. Saludos.

Anónimo dijo...

Muchas gracias, me sirvió de mucho!
Gracias por la generosidad.
Cariños,
Ana
http://anaceciliav.blogspot.com

Willy dijo...

Ana: Un gusto que te haya servido este post, debo confesar que también ha mi me sirve. Saludos.

Rosco dijo...

Geocities está por cerrar parece y ya no está el panel de control...se puede hacer de otra manera?

Gracias
www.cristiansoloa.com

Facundo dijo...

Hola, acá existe una actualización debido al inminente cierre de Geocities.


http://www.juglarblog.info/2009/08/cambiar-el-favicon-en-blogger.html

Y mucho más simple.


Saludos

Atte.

Facundo Pomar
CEO JuglarBlog.Info

Rosco dijo...

Gracias capo!! al fin puedo ver mi favicon aunque en el explorer no lo puedo ver...si con el firefox.

Anónimo dijo...

Hola,a mi no me funciona,no se que hago mal,¿alguien puede ayudarme?.Mi favicon es este:
http://www.storage.to/get/EawymSz4/favicon.ico

SP dijo...

Gracias, intentare aplicar esto a mi blog http://seoparatublogger.blogspot.com , gracias

 
Design by pedro el escamoso