Efeito CSS nas imagens do Blog (Versão 4)

► +A +/- -A
Olá Queridos Leitores! A quanto tempo não é mesmo! Após um longo tempo sem artigos aqui no Tecnoblog, venho dando continuação as postagens, hoje vamos aprender a adicionar o novo efeito as suas imagens do blog, O efeito CSS nas suas imagens, a Versão 4! Para isso vamos ao tutorial!


Único Passo - Instalando e utilizando o efeito nas imagens das postagens

1. Faça login no Blogger
2. Em seguida no menu suspenso, clique em Modelo.
3. Em seguida clique no botão em Editar HTML
4. E procure pela seguinte tag:

]]></b:skin>

5. E acima do código Citado acima, adicione o seguinte código: 



.post-body img {margin-left: 8px;
margin-bottom: 8px;
border-radius: 5px;
position: relative;
top: 0px;
-webkit-box-shadow: 0px 0px 5px black;
-moz-box-shadow: 0px 0px 5px black;
-o-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.post-body img:hover {background: white;
opacity: 0.8;
-moz-opacity: 0.8;
filter: Alpha(Opacity=80);
border-radius: 20px;
}

6. Após isso clique em Visualizar, e se estiver tudo corretamente como desejado clique em Salvar Modelo! 


Pronto pessoal! Esta foi a post de hoje, sem mais delongas! E lembrando desculpem a falta de posts, ando muito ocupado mas se Deus quiser voltarei com as postagens diárias! Até mais, Fiquem Com Deus, Abraços!
► Postagens Relacionadas:

9 Comentários

Wendell disse...

O efeito é legal! Parabéns, ja estou utilizando em meu blog!

2 de julho de 2012 às 12:42
Caio Vinicius disse...

Olá Wandell! Que bom que gostou do efeito! Ficamos Gratos!
Abraços!

2 de julho de 2012 às 15:43
Lucas Lopes disse...

Sinceramente... achei meio chato, eu queria um efeito mais gritante.

14 de setembro de 2012 às 14:22
Trollagem disse...

Olá amigo adicionei esse efeito em meu blog e gostei muito de suas dicas e gostaria de se informar como adicionar esse efeito somente em uma imagem ou seja nos banner de parceiros ?

16 de setembro de 2012 às 17:56
Caio Vinicius disse...

Olá Lucas, eu entendo, infelizmente eu fiz uma preferência em um efeito simples. Caso queira adicionar algum efeito a mais, contate-me :D

16 de setembro de 2012 às 20:34
Caio Vinicius disse...

Olá Trollagem, é muito simples, basta criar uma "div", mas me passe seu E-mail de contato ou qualquer outro que você utilize, daí te ensinarei a como fazer isto, fico Grato, qualquer outra duvida nos informe, Abraços.

16 de setembro de 2012 às 20:38
Ricardo Senee Kadim disse...

Muito obrigado, show de bola

12 de outubro de 2012 às 16:40
Caio Vinicius disse...

Olá Ricardo.


Obrigado pelo comentário, agradecemos, abraços! Fica com Deus!

12 de outubro de 2012 às 20:33
Ricardo Senee Kadim disse...

Sem pre as ordens cara, gostei meu do seu blog. Cara sei lá. poderíamos fazer uma parceria no meu blog: http://phylosofiamano.blogspot.com.br - Pensa aí mano!

6 de março de 2013 às 20:45

Postar um comentário

Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!