Como colocar efeitos nas fotos das postagens do blogger

Olá   amigos  nesse   tutorial   vamos   colocar   efeitos   nas   fotos  das  postagens   do  blog  existem  vários  tipos   trago  um  que  uso  em  outras   coisas,   como  botões  e gadgets  do  autor. efeitos  giro 360 graus  e feito  movimento  ao   passar  o  mouse   cursor  por   cima   da  imagem  e o efeito  foto  deitada  hover.  você  pode   encontrar  vários  efeitos    por   ai  mas   muito  mal  explicados   e  muitos  não  funcionam  a   todos  os  navegadores   e   acabam  fazendo    você  perder  muito  tempo  e   isso  é muito  chato,  se  você   gosta   de   colocar   efeitos
 no  seu  blog  gosta  de   dar uma   personalizada  no  seu  blog  vai  gostar   desse  tutorial  e  desses  códigos,   siga   o  tutorial  abaixo  e  vamos  a  mágica .

1º Primeiro  vá  em  modelo  editar HTML

Copie  o  código  abaixo e   cole   acima   de ]]></b:skin>  de um CTRL+F para facilitar a busca

.post-body img { z-index:999999; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px); -o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px); } .post-body img:hover{ z-index:9999; -webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px); -moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px); -o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px); }

Se não  funcionar  é porque  o  código  pode   estar  um  pouco  diferente então  procure algo  parecido  com  isso .post-body img  e  adicione  o  código  abaixo dentro da  chave { }  e  o  hover  logo abaixo quando  terminar isso }