Añadir faviconera en Blogger

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>
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger