Mostrando las entradas con la etiqueta fotos efectos. Mostrar todas las entradas
Mostrando las entradas con la etiqueta fotos efectos. Mostrar todas las entradas

lunes, 13 de mayo de 2013

Como Añadir Efecto De Opaco a Imagenes en Blogger

Leave a Comment
Como Añadir Efecto De Opaco a Imagenes en Blogger
En este Super Truco de blogger te ensenare como añadir el efecto opaco a una foto de tu blog la cual deseas aplicarlo.Solo anadiendo un simple codigo de Css a la plantilla de tu blog.
Como Añadir Efectos de Oscuridad a las Imagenes de Tu Blog

1.Entre a la Interface de tu blogger--> Diseño- -> Edite HTML
2.Busque la siguiente etiqueta </head>
3.Copie el codigo de abajo y peguelo despues de la siguiente etiqueta </head>


<style type='text/css'>
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>


5.Guarde la Plantilla

6.Ahora vaya a la interface de blogger >> Diseño>>Elementos de Pagina

7.Da Click en 'Añadir un Gadget' en la barra del lado.

8.Selecciona 'HTML/Javascript' y anade el codigo de abajo

<a class="opacity" href="http://www.ciudadblogger.info/"><img src="Anade la de la URL Imagen aqui" /></a>

Note: Replace Anade la de la URL Imagen aqui with your image url.

Ahora guarda  HTMLJava Script y Listo
Enhanced by Zemanta
Read More