domingo, 21 de agosto de 2011

Añadir faviconera en Blogger

Hace algunos meses atrás había hecho un tutorial de cómo añadir una faviconera en Blogger, en esta oportunidad les mostraré cómo añadir una mejor en sus blogs, ya que la anterior era un poco simple y no muy estética.

El resultado es el siguiente:


¿Cómo añadir la faviconera en Blogger?

En ''Diseño | Elementos de la página'', añadiremos un gadget ''HTML/Javascript'', en el cual pegaremos el siguiente código:

<style type="text/css">
#faviconera-ab {
width:247px; /*Ancho de la faviconera*/
margin:0px auto; /*Faviconera centrada*/
margin-bottom:10px; /*Márgen inferior*/
padding:4px; /*Espaciados internos*/
background: #f5f5f5; /*Color de fondo*/
border:5px solid #fff; /*Borde de la faviconera*/
box-shadow:1px 1px 1px 1px #969696; /*Sombras*/
}
#faviconera-ab img {
width:16px; /*Ancho del favicon*/
height:16px; /*Alto del favicon*/
border:2px solid #fff; /*Bordes del favicon*/
margin:1px; /*Separación entre favicons*/
box-shadow:1px 1px 2px #969696; /*Sombra en el favicon*/
}
</style>
<div id="faviconera-ab"><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a><a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a>
</div>



Guarda el gadget y listo.

Notas:
  • Para añadir o eliminar favicons, usa el siguiente código:

<a href="URL-DEL-BLOG"><img src="http://4.bp.blogspot.com/-i1j08FSr17s/TlHR9y6fTQI/AAAAAAAABio/_roY2wDjhQs/s1600/icon_login_question_mark.png" title="Título del blog."></a>

No hay comentarios:

Publicar un comentario