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.

---