Efeito Dark Nas Imagens Do Blogger

Nesta postagem venho compartilhar com vocês outro efeito bem interessante para se colocar nas images do blog afim de chamar a atenção do leitor.

Para colocar o efeito... Entre em "Modelo" - "Editar HTML" e procure pela tag

]]></b:skin>

Tendo encontrada a tag, cole ACIMA dela o seguinte estilo css

/-- Efeito Dark  --/
caixa1 {
background: transparent;
padding: 10px; float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.imagem1 {
margin: 3px;
border: 1px solid #BCAD90;
-webkit-transition-duration: .50s;
}
.imagem1:hover {
-webkit-transition-duration: .50s;
box-shadow: 0px 0px 30px #686051;
}

Tendo colado o código, salve.

O efeito só é aplicado a imagens que tiver o seguinte chamado:

<a href="LINK" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagem1" src="IMAGEM" /></a></div>

O mais importante é que a imagem tenha o class="imagem1"

Tendo feito isto no código, basta salvar e pronto!!!

Gostou do código? Deixe seu comentário!!!