Con unas pocas líneas de código podemos hacer que el fondo de nuestras entradas sea parcialmente translúcido de manera que pueda transparentarse la imagen de fondo que tenemos en el blog.
El grado de opacidad puede editarse por lo que cada valor ofrecerá una visión distinta del fondo en los posts.
Accede a este blog de pruebas para comprobar el resultado.
Busca la etiqueta ]]></b:skin> y justo encima añade este bloque de CSS:
.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;
}
Edita el valor 8 resaltado en color verde por una cifra superior o inferior para añadir menos o más opacidad -respectivamente- a las entradas. Ten en cuenta que no debes incluir un valor que sobrepase el 9 o que sea inferior al 1.
Para añadir una imagen o un color de fondo al post, utiliza el atributo background bajo .post { tal y como se muestra a continuación:
.post {
background:url("URL DE LA IMAGEN") no-repeat scroll 0 0 transparent;
Reemplaza URL DE LA IMAGEN por la dirección de la imagen.
Utiliza esta otra línea en caso de querer el fondo en color:
background:#cccccc;
#cccccc es el código del color escogido. Edítalo a tu gusto accediendo a la tabla de colores.
Guarda la plantilla y comprueba el resultado en varios navegadores para asegurarte que la opacidad se aprecia bien.
Maravilloso el ejemplo, lo voy a probar en mi blog y ya si eso te cuento como quedó.
Perfecto entonces, Edgar. También puede aplicarse a las nuevas plantillas de blogger por lo que si este es el caso de tu diseño actual no tendrás problemas.
¡Suerte!
Qué truqui más chulo! Ya me gustaría a mi ponerlo en práctica pero mis fondos son lisos... A vé si un díita de estos con tiempo le doy el vuelvo al blog.
Acabo de visitar el blog de prueba y este truco es incompatible con mi confi... Como la mayoría de trucos chulos... :(. Besotes.
Driwrgy, no digas eso. Indícame el blog al que le desearías aplicar la opacidad y trataré de ofrecerte un procedimiento efectivo.
¡Abrazotes!
Hola men me gustaria saber como haces que tu dominio redireccione a blogspot , bueno espero y me puedas ayudar ,salu2
TheLarios, tan solo apliqué este truco en el blog con el dominio propio y lo redireccioné al Balcón (.blogspot).
Buenas me interesaba mucho esta opción para mis entradas pero he puesto lo que pones y no me funciona, me podrías echar una mano?
Nando, debes enviarme la dirección de tu blog de manera que pueda ayudarte.