Es habitual que muchos bloggers necesiten mostrar algún que otro código HTML/CSS en sus entradas, a diferencia de wordpress, las templates de Blogger no suelen venir listas para mostrar dicho código, por lo que hay que realizar algún tipo de hack en el CSS.

csscode Mostar codigos en Blogger

Hoy visitando Technolizard leí una forma fácil y rápida de solucionar este problema.

Solo tenemos que seguir estos pasos.

1

Entrar a Dashboard -> Layout -> Edit HTML

2

Copiar el siguiente código antes de ]]></b:skin>

.csscode {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #EEEEEE;
border-top : 2px solid #AAAAAA;
border-right : 2px solid #AAAAAA;
border-bottom : 2px solid #AAAAAA;
border-left : 2px solid #AAAAAA;
}

3

Guardar los cambios realizados

4

Cada vez que necesites mostrar algún código, solo necesitas en envolver el código a mostrar entre un div, en este caso

<div class="csscode"> mi código</div>

5

Listo, hemos realizado un pequeño hack que hará que nuestras entradas sean más amistosas a la vista