Efeito Suddenly Cloudy

Bom Dia!! Hoje temos mais uma postagem programada para você, eu tenho dez tutoriais preparados para postar e deles eu trarei postagens com tutoriais mais novos ,coisas diversas, goodies e qualquer outra coisa que seja útil na hora de criar seu próprio layout. Então se quiser algum tutorial ou material especifico é só pedir por comentários que todos os pedidos serão feitos.

Hoje temos mais um efeito que você podem usar tanto em afiliados com em imagens em geral nos gadgets, o nome do efeito é Suddenly Cloudy e vocês podem ver um Preview clicando aqui. Se usarem não esqueçam de colocar os devidos créditos.

Tutorial:
1° Passo: Vá em Modelo > Editar HTML.
2° Passo: Procure por(Usando Ctrl+F): ]]></b:skin>
3° Passo: Cole acima de "]]></b:skin>" o código abaixo:
/**Efeito Afiliados por meumundo-meuestilo.blogspot.com.br **/
.efeitoafiliados {
text-decoration: none !important;
-webkit-filter: grayscale(100%);
border:1px solid #828282;
border-offset: 1px;
}
.efeitoafiliados:hover {
text-decoration: none !important;
-webkit-filter: grayscale(0%);
-webkit-filter: blur(5px);
}
/**Efeito Afiliados Fim por meumundo-meuestilo.blogspot.com.br-----*/
4° Passo: Salve as Alterações.
5° Passo: Coloque nos Gadgets em que deseja colocar os afiliados:
<a href="http://www.blogger.com/LINK" title="Nome"><img class="efeitoafiliados" src="IMAGEM" /></a>
6° Passo: Altere os locais indicados e salve.

Espero que tenham gostado do efeito *--*
Nessa semana teremos mais postagens programadas <3

Nenhum comentário:

Postar um comentário