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 Aadir Efectos de Oscuridad a las Imagenes de Tu Blog
1.Entre a la Interface de tu blogger--> Dise- -> 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
0 comentarios:
Publicar un comentario