Cómo poner una faviconera en tu blog de blogger


Si deseas añadir en tu blog una faviconera como la siguiente deberemos seguir los siguientes pasos:


1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) Pegamos en él el siguiente código:


<style type="text/css">
#faviconera {
width:300px;
text-align:center;
margin:10px auto 10px auto;
}
#faviconera .contimg img {
padding:1px 1px 1px 1px;
border:1px solid #000000;
}
#faviconera .contimg a:hover img{
border:1px solid #ffffff;
}
</style>
<div id="faviconera">
<div class="contimg">

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

</div>
</div>



Podemos modificar el tamaño de la faviconera cambiando el valor del width. Lo mismo haremos con el borde.

Si queremos añadir más favicons deberemos pegar tantos códigos como el siguiente queramos añadir:

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

Seguimos las instrucciones para colocar las URL correctamente.



¿No sabes cómo crear un favicon? Visita esta entrada.

8 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Hola acabo de agregar una faviconera al blog y me gustaria que los demas pudieran agregar su favicon, con su ayuda podria ser mas facil...

    Att. Jose Ignacio

    http://chipilofan.blogspot.com/
    (El Mundo Web de Chipilofan)


    URL del Banner: http://3.bp.blogspot.com/_SfZXGz2Owtc/SwwTCqp6VDI/AAAAAAAAAfU/3RO0e_8XPTA/s000/ElWebdechipilofan.png

    URL De la faviconera: http://chipilofan.blogspot.com/2010/03/publica-tu-blog-facil-y-gratis.html

    Espero puedas ayudarme estare muy agradecido de antemano gracias!

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. hola, soy yo de nuevo, desde que creé mi blog (dos dias) vengo pensando que quiero agregarle algo donde ponga los blogs que visito, y según leo ahora eso podría ser con una faviconera...Es la única forma o hay otra forma de ir agregando mis sitios preferidos?
    Gracias por todo una vez mas (pero no la última seguro).
    reescribo la entrada, y esque lo que tienes en el blogroll es mas o menos lo que quiero

    ResponderEliminar
  5. Hola Sofía, no me olvido de tus otras dudas, las tengo presentes, disculpa que no tenga tiempo.

    Tu duda es bien sencilla de resolver, debes ir a Diseño > Elementos de página > Añadir un gadget (donde te guste más) y allí podrás ir añadiendo gadgets. Hay uno llamado "Lista de blogs" y otro "Lista de enlaces" que te servirán para lo que buscas.

    Siento no haber podido contestar todas tus otras dudas, estoy realizando cambios en la plantilla.

    Saludos y muchas gracias por tu paciencia.

    ResponderEliminar
  6. pero bueno, no te preocupes que bastante haces ya, igual poco a poco voy consiguiendo resolver dudas, Espero que tu platilla te quede muy muy chula (ya vi que estabas haciendo cambios...el otro dia tenias la columna pequeña al lado izquierdo...no?) bueno, en definitiva, no te preocupes que agradezco toooooodo lo que estas haciendo para hecharnos una mano, igual se que no soy yo sola eh.

    ResponderEliminar
  7. ola he puesto una faviconera en mi blog ,y esta vacia y quisiera que me ayuden a llenarla

    mi blog es http://aprendetecnicasdefutbol.blogspot.com/

    los espero !!!

    ResponderEliminar
  8. quiero participar en esto de las faviconeras recien he creado una,si algien quiere que lo agregue y asi mismo agregarme en la suya

    mis datos son

    * Dirección del Blog: http://aprendetecnicasdefutbol.blogspot.com/
    * URL de la imagen: http://www.iconj.com/ico/k/8/k8twrsls24.ico
    * Texto al pasar el ratón: Aprende tecnicas de futbol.

    dejenme sus datos en mi blog

    y los agrego al toque :d

    http://aprendetecnicasdefutbol.blogspot.com/2010/08/tu-favicon-en-mi-blog-facil-y-gratis.html

    ResponderEliminar