Una forma de poner lista de blogs en tu diseño

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Elegante forma para mostrar la lista de blogs en blogger

Es muy probable que ya conozcas el elemento "lista de blogs", ofrecido por blogger, que permite enlazar a tus blogs favoritos y mostrar en tu barra lateral sus últimas actualizaciones.

Con esta entrada podrás personalizar la lista de blogs, añadiendo una "casilla" individual para cada bitácora enlazada...

1) Antes de comenzar, comprueba que tienes agregado el elemento "lista de blogs" en la sidebar (barra lateral).

2) Si es así, edítalo y asegúrate de que marcas únicamente las siguientes casillas:

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta ]]></b:skin> e inserta estos bloques de CSS encima:

#BlogList1 ul{
background: #fff;
}
.blog-list-container .blog-icon {
visibility: hidden; display: none; height: 0px;
}
.blog-list-container .blog-title, .blog-list-container .blog-title a:visited, .blog-list-container .blog-title a:hover {
color:#467E2A;
font-weight:bold;
line-height:16px;
margin:0 0 6px;
padding-bottom:3px;
text-decoration:none;
}
.blog-list-container .blog-content {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFBQ-QW9wbes0Udid8jsk2LYiKC6zBf67a_aHCJkRyI7f971xNVsU-VPLglwDmUlIChT5guI4AERwqjzG6hAWWB4PnVTc7WbYyt6RJu7Rq7mIUFI08UjEWKZvrNQng-QPyIDc4ahnQt7M/s1600-r/jbalcon.png) repeat-x scroll 0 0;
height:100px;
padding:8px;
width:195px;
}
.blog-list-container a:link, .blog-list-container a:visited {
color:#3E4584;
font-size:14px;
text-decoration:none;
}
.blog-list-container .item-time {
clear:left;
color:#474747;
float:right;
padding-top: 8px;
font-size:95%;
font-style:italic;
}

Haz vista previa para ver el resultado y guarda la plantilla para terminar.

Si deseas cambiar el aspecto de la lista y no sabes como hacerlo deja un comentario.