Para añadir este estilo en el gadget Archivo estilo lista en tu blog de blogger
- Configurar el gadget de Archivo Estilo de Lista
- Ir a:
- Plantilla
- Personalizar
- Diseñador de Plantillas
- Avanzado
- Añadir Código CSS Personalizado en el recuadro pegar el siguiente Código:
/* Estilos del Archivo estilo lista */
#BlogArchive1 {
margin: 14px 0;
padding:0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2yKvRd3qDgWKGXIxK93c-71zm14TL02G1kkz4S_nuK9_cCkXi3QNY5-9l6q_g9_QodYu_1JGtburhUhaqwI4X3LNyTgE2Y8jU1a6zUkr3-wXzzsdY4fMWKKhMtliC-Zfc-69cwS_Erc/w14-h19-p/separatore.gif) repeat-x left top;
}
#BlogArchive1 h2 {
padding: 0 4px; /*padding para ampliar el espacio del titulo*/
margin: 0;
display: block;
width: 100px;
position: relative;
top:0;
left: 60px; /*ajustar para centrar*/
background:#ffffff;
text-align: center;
line-height: .95em;
font-size: 15px;
color: #2A1B0A;
text-shadow: 1px 1px 1px #ffffff; /*sombra en el texto*/
}
#BlogArchive1_ArchiveList ul.flat li {
display: block; /*bloque*/
width:232px; /* ajustar ancho del bloque*/
font-size: 14px;
color: #000;
padding: 7px !important;/*ampliar el bloque*/
margin:0;
text-decoration: none;
text-align: right; /*left o center*/
background: none; /*el color de fondo*/
border-bottom: 1px dotted #293034; /*borde abajo*/
}
#BlogArchive1_ArchiveList ul.flat li a{
text-decoration: none;
color: #2A1B0A;
}
#BlogArchive1_ArchiveList ul.flat li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwVamdCg7k19G5ZGXsvFktcY5rOHadJkoQwKTo5RzwoHV-FNUu7meUAmAZczYLtSnnpZNag0AnryH0YmAuRw3oCy5lIG4AbYbxgFPfrxrORm49KF3U8o2yRDMQAtebUKzNxyAqavgx_poZ/s40/h2-pixel.png) repeat;
}
#BlogArchive1_ArchiveList ul.flat li:hover {
background:#6fa8dc; /*color de fondo*/
}
