Olá Amigos leitores! Quanto tempo não é mesmo, hoje começamos com uma novidade, o Efeito CSS nas imagens do blog Versão 3, Os elementos que constituem este efeito são o shadow (sombra) e a propriedade border-radius. Então Vamos ao Tutorial!
Caso queria observar as versões 1 e 2 visite os seguintes links:
5. E acima do código Citado acima, adicione o seguinte código:
6. Após isso clique em Visualizar, e se estiver tudo corretamente como desejado clique em Salvar Modelo!
Pronto, terminamos, esperamos que tenham gostado.
Abraços, Até a próxima!
Caso queria observar as versões 1 e 2 visite os seguintes links:
- Efeito CSS nas imagens do Blog (Versão 1) - Tecnoblog
- Efeito CSS nas imagens do Blog (Versão 2) - Tecnoblog
Observe a imagem de demostração do efeito já instalado a imagem:
Instalando o efeito CSS nas imagens do Blog
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 {padding: 5px;background: white;border: 1px solid #bebebe;box-shadow: -20px 20px 20px rgba(0,0,0,0.35);
-moz-box-shadow: -20px 20px 20px rgba(0,0,0,0.35);
-webkit-box-shadow: -20px 20px 20px rgba(0,0,0,0.35); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius
}
6. Após isso clique em Visualizar, e se estiver tudo corretamente como desejado clique em Salvar Modelo!
Pronto, terminamos, esperamos que tenham gostado.
Abraços, Até a próxima!
5 Comentários
Olá Caio.
23 de maio de 2012 às 14:02Gostei do efeito, muito bom o tutorial.
Abraços!
Olá Herlan, Que bom que gostou do efeito, fico grato.
23 de maio de 2012 às 15:59Abraços, Até mais!
Oi caio, adorei o efeito achei bem fácil de instalar, muito bom, parabéns...
28 de maio de 2012 às 16:05abraços ... Eliana
Gostei .. muito interessante este efeito, parabéns!
29 de maio de 2012 às 06:38att bruno.
O Dia que isso for dificil de instalar porfavor me de uma facada!
14 de setembro de 2012 às 14:30Postar 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!