1 oct 2009

Favicon


Hola! Hoy les traigo algunos faviconss! para sus blog.
Un Favicon es un icono que está junto a su URL en la página web como se muestra en la siguiente imagen:


Para realizar esto, deben seguir esos pasos:

1.- Crear imagen de imagen 16x16 pix, guardarlo como PNG, y entonces convertir esa imagen a ICO, para esto usted se necesita un servidor que es este: http://convertico.com

2.-Después de convertir hay que guardarlo en su ordenador en el software de ICO y dejarlo ahí.

3.- Ahora, necesitarás un servidor que almacena el ICO:
Aquí les dejo algunos:


Si tienes una cuenta Gmail sólo tienes que entrar, crear una página e ir allí click en la imagen que se acaba de subir y obtiene la dirección de la imagen.

4.- Copiar los códigos a continuación y haga dirección ico en el lugar adecuado y pegar entre el <body> de sus códigos:

href='Endereço <link de rel='shortcut ico' icon'/>

Para aquellos que esto le resulta esto muy complicado, aquí les facilito algunos favicon, y solamente deben realizan el paso4.



<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><br /> <link href='http://convertico.com/images/1227130212.65/coroa.ico' rel='shortcut icon'/></span> <br /> <link href='http://convertico.com/images/1227130212.65/coroa.ico' rel='shortcut icon'/></span>


<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><br /> <link href='http://convertico.com/images/1227318078.56/cora2.ico ' rel='shortcut icon'/> <br /></span> <br /> <link href='http://convertico.com/images/1227318078.56/cora2.ico'rel='shortcut icon'/> <br /></span>



<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><br /> <link href='http://convertico.com/images/1227131078.48/estrela.ico' rel='shortcut icon'/></span> <br /> <link href='http://convertico.com/images/1227131078.48/estrela.ico' rel='shortcut icon'/></span>



<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><br /> <link href='http://convertico.com/images/1227130836.3/torta.ico' rel='shortcut icon'/></span> <br /> <link href='http://convertico.com/images/1227130836.3/torta.ico' rel='shortcut icon'/></span>



<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><br /> <link href='http://convertico.com/images/1227130507.26/morango.ico' rel='shortcut icon'/> <br /></span> <br /> <link href='http://convertico.com/images/1227130507.26/morango.ico' rel='shortcut icon'/> <br /></span>


6 comentarios:

  1. heeeh! que util, pense en hacerlo, pero me ha dado una pereza hacer la imagen XD, ojala uno parpadeara y ya XD. Supongo que la haré cuando esté de mejor humor.

    Me agrada mucho tu blog.

    ResponderEliminar
  2. ossu juro q intente hacer este dichoso favicon como veinte veces y no me salio y fui a diferentes pages y tampoco >.> me estrese tanto q apagar la compu y acostarme a dormir

    tengo el favicon en mi pc luego hice una cuenta gmail pero hasta ahi me kede pq no se como hacer lo otro

    luego otra opcion ps lo subi a photobucket hice el diske procedimiento milagroso q me dijeron q hiciera y adivina que? NADA!! olvidate!!!! el blog se ve bello , lindo, precioso y sexy con la "e" xDDD

    cdt y como siempre bello blog ^^

    ResponderEliminar
  3. que extraño Ramcy!
    teveria resultar si haces todos estos pasos
    mmmmmmm
    vere q se puede hacer...
    :P

    ResponderEliminar
  4. cogi uno de tus favicon:

    el codigo se pone en "shortcut ico" ?

    lo hice y me dio error

    luego prove en "endereco" y nada

    ResponderEliminar
  5. ninguna de las paginas funciona U__U :k

    ResponderEliminar
  6. :o

    tienes razón!!...mmmm buscaré otras ¬¬
    gracias por avisarrr

    ResponderEliminar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
ir arriba