Colocar bordas hover nas imagens do blog

imagem feita pela Roh ~~ 

Hooy' pandas e pandocas >.<

Tudo bem com vocês? Esses dias que eu não postei, me desculpem mesmo. Estou fazendo uma coisinha e a dona preguiça está me atormentando, na realidade eu já teria terminado aquilo em dois dias =\

Hoje fui dormir 10:00 da manhã, acordei oque? 19:00 ou até mais. Sim, é inacreditável mas assim é a minha vida. Depois de acordar ainda tenho que fazer um monte de coisa, e quando finalmente tenho tempo vem a praga da preguiça pra cima de mim.. nem sei ao certo porque estou desabafando isso no blog, eu estava me desculpando por não postar e agora estou falando de como minha vida é maluca SHUASHUA.

Mas como eu não gosto de deixar o blog sem posts, vou postar coisas bem básicas, mesmo assim eu espero que eu termine essa coisinha logo pra postar aqui no blog e finalmente rever o Shippuuden ^-^

Vou me calar por aqui, ninguém aguenta ficar lendo tanta besteira (porque amor próprio é tudo -sqn)

Pera-lá, só tomando mais uns segundinhos de vocês, vou falar dessa bordinha que faz toda a diferença dependendo dos olhos da pessoa ^-^ não entenderam? É que algumas vêem isso como inútil, perca de tempo e blá blá blá... pois eu acho bem legal e faz diferença sim ;) e sem contar que deixa mais bonitinho dependendo de onde você colocar. "Mas o que esse código faz?" ele coloca uma borda na imagem que você escolher, e ao passar o mouse ela muda de cor (avá)  

1. Vá em Modelo >> Editar HTML >> Procure por ]]><

2. Acima da tag procurada, cole esse código:

.efeitoimagem {
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
border: 3px solid #FF81C0; /*cor de borda*/
}
.efeitoimagem:hover {
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: .6; /*opacidade*/
border: 3px solid #41EAD9; /*cor da borda hover*/
}

3. Para por em um gadget, vá em Layout >> Adicionar um Gadget >> HTML/JavaScript e cole o seguinte código: 

<img src="URL da imagem" class="efeitoimagem"/></a>

4. E para por em um post, você terá que colar o código acima em "HTML" que está do lado de "Escrever" quando você está fazendo uma postagem. 

Salve tudo e pronto, espero que gostem >.< 

Comentem, isso sempre me dá mais animo pra postar! E se tiver alguma palavra sem sentido, repetida ou errada ignorem pois eu ainda estou mortinha de sono #partiucemitério #oqueestoufazendo?

Créditos aqui ~~

besitos <3 | July-chan | 
Até o próximo post...