-->
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
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger
Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger # - Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger
Entradas relacionadas en Blogger con Thumbnails # - Entradas relacionadas en Blogger con Thumbnails
Estructura básica de una plantilla HTML5 # - Estructura básica de una plantilla HTML5
Post relacionados con imágenes en Blogger # - Post relacionados con imágenes en Blogger