Web Trucos Blogger
Principal Administracion Feed del Blog
 

Tu Favicon en blogger beta

Bueno, he aqui un nuevo truco para blogger beta, como añadir tu favicon (favorite icon) a tu blog Vamos a lo primero: ¿Que es Favicon? Pues si encontre el significado de favicon en wikipedia click aqui Ahora si Pongamos nuestro favicon en nuestro blogger beta.......

  1. Creamos Nuestro Favicon con el servicio de favicon llamado Favicon from Pics
  2. Ponemos cualquier imagen que queramos y la subimos, al final nos dara unas pequeñas imagenes en formato .ico, .gif y .png
  3. Usaremos la .png
  4. Subimos la imagen a blogger
  5. Nos dirijimos a nuestra plantilla Template-Edit Html
  6. Buscamos el siguiente codigo.
<title><data:blog.pagetitle><title>

Y despues de esto colocamos:


<link href='http://tufavicon.png' rel='shortcut icon'
  type='image/x-icon'/>
  <link href='http://tufavicon.png' rel='icon'
  type='image/png'/>

Technorati :

13 comments:

hor said...

Gracias muchas gracias por la ayuda hacia tiempo que queria poner esto para mi blog.Muy bien explicado y el blog es de una gran ayuda para los que no sabemos como yo de codigos java script y html.Un saludo y gracias nuevamente.

Añejo Armatoste Flotante said...

Ea! muchas gracias por!

me ha sido de gran utilidad tu blog...

cuídese...

Miss Nicotina said...

hola...

sabes? no aparece ese codigo en mi plantilla ¿como lo puedo hacer para poner el favicon?

gracias y feliz año!

AgoYaMo said...
This post has been removed by the author.
AgoYaMo said...

Muchas gracias por la ayuda, funciona perfectamente (Aunque el código a buscar es <title><data:blog.pagetitle/></title>, si no te importa, compartiré tu consejo (Poniendo quién es el autor)

Bluesman66 said...

Me aparecio el FavIcon pero al lado no me aparece el titulo del blog, me aparece : http://boldasblog.blogspot.com/

Hay manera de que aparezca el Favicon y el titulo del blog??

xinabajul2008 said...

Deja felicitarte por dar los detalles sobre el favicon, muchas gracias de verdad es lo unico q he encontrado en toda la red explicado de la mejor manera no hay puntos que darte ya los tienes todos felicitaciones.

In Design said...

Gracias por el truco si queres ver como quedo en mi web www.indesign-uy.com es medioprecario mi icono pero mejor que la B es. si x sierto falta cerrar el codigo en el post falta la /.
nuevamente gracias, ahora a por los metatags.

♥ CECILONIA ♥ said...

No lo pued ponder en mi blog , no se xq segui todos los pasos! xq sera?

Espèro tu respuesta
gracias

www.cecilonia.blogspot.com

ZataBlog said...

Muy buena la explicacion, lo hice con la imagen en formtao .gif para probar pero quedo estatica,de todas maneras el favicon "esta".
gracias y salu2

cAPitAN cHIST0rRa said...

gracias muy util de verdad ya esta funcionando http://capitanchistorra.blogspot.com/

Chipilofan said...

Intercambiamos enlaces? Por Favicon o Link???

Mis Datos:

* Nombre del Blog: El Mundo Web de Chipilofan

* URL del Blog: http://chipilofan.blogspot.com/

* URL del Favicon(16x16 Pixeles):
http://img694.imageshack.us/img694/1902/chipilofan.gif

Chipilofan said...

Hola me gustaria hacer intercambio de enlaces, esperare su respuesta...

Att. Jose Ignacio (Facebook Argentina)
http://facebook-argentina.blogspot.com/

Web Hosting en Mexico