Estilo de blockquote o texto citado en Blogger

Para añadir este estilo de blockquote o texto citado en tu blog de Blogger ir a:

• Plantilla
• Personalizar
• Diseñador de Plantillas
• Avanzado
• Anadir Personalizado Código CSS, en el recuadro pegar el siguiente Código:

/*blockquote
---------------*/
blockquote {
-webkit-transition: all 0.2s linear!important; ;
background: #F7F7F7 !important;;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #ACACAC !important;
clear: both; color: #666666;
font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif !important;
font-size: 15px !important;
line-height: 22px;
margin: 10px 30px;
overflow: auto!important;
padding: 4px 10px;
transition: all 0.2s linear;
width: auto!important;
}

Leer más »

Widget de Archivo personalizado

Para añadir este estilo en el gadget Archivo estilo lista en tu blog de blogger

1. Configurar el gadget de Archivo Estilo de Lista
2. 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*/
}

Leer más »