Zoom Nas imagens do blog

Então galera hoje vou ensinar a da zoom nas imagens (Afiliados,Equipe,Poste e tal) do blog!

Para isso voce tem que ir em Design---> Editar HTML

Ai quando abrir coloca CTRL+F.

Ai vai abri uma barinha em algum lugar da pagina, ai voce cola isso aqui

]]></b:skin>

Ai vai aparecer grifado isso no Html

" blablablabla

]]></b:skin>

"blabalbala

Ai voce pega o proximo codigo

{ width: 50px; height: 50px; /* Tamanho normal */ -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; } .Zoom:hover { border: 1px solid #ddd; box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060; /* Cor da Sombra */ -webkit-transition-duration:1.0s; width: 90px; height: 90px; /* Tamanho quando aumentar */ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3); }

 e cola encima da parte grifada!

Vai ficar assim

{ width: 50px; height: 50px; /* Tamanho normal */ -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; } .Zoom:hover { border: 1px solid #ddd; box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060; /* Cor da Sombra */ -webkit-transition-duration:1.0s; width: 90px; height: 90px; /* Tamanho quando aumentar */ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3); }                          
]]></b:skin>    "<---Parte grifada"

Viram e so cola o codigo em cima da parte marcada e depois salvar, e sequiser mudar alguma coisa fique avontade cores e tal!

                        





                                                                                                                                      Fonte:capturedream