Fondo de nuestras entradas transparentes

Hoy vamos a mostrar como podemos poner opacidad a las entradas de nuestro blog.

Lo bueno de este código es que podemos editar el grado de la opacidad, dando una visión distinta a nuestros post.
Para ello tenemos que insertar un código HTML en nuestro blog.
Nos vamos a Tema > Editar HTML

NOTA:

ANTES DE MODIFICAR TU PLANTILLA HTML, TE RECOMIENDO HACER UNA COPIA DE SEGURIDAD DE TU BLOG.

PUEDES VER ESTE POST DONDE LO OSTRAMOS PASO A PASO

Buscamos al Etiqueta:
 ]]></b:skin>
Justo encima pegamos este código:

.post {
color:#000000;
padding:4px 18px;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}

 Lo que tenemos marcado en Rosa es la opacidad que le vamos a dar a nuestra entrada
Ten en cuenta que no debes incluir un valor que sobrepase el 9 o que sea inferior al 1.

Para añadir una imagen de fondo añadimos este código justo después de .post {

.post {
background:url("URL DE LA IMAGEN") no-repeat scroll 0 0 transparent;

Guardamos y ya lo tenemos