Bordas Que se movem ao passar o mouse(Borda Up fast)

Hey Sorvetes com Cream,eu ensinar a vocês como que coloca aquela borda que se mexe ao passar a mouse,o tutorial feito por mim não copie,e se usar por favor creditem vamos ao tutorial:

1.Vá no seu design  Modelo  Editar HTML  Prosseguir  Dê CTRL+F ou F3  Procure por ;;

 ]]></b:skin>

2.acima de  ]]></b:skin> cole o seguinte codigo:

 .post img{
border-radius: 9px;
background: url(http://3.bp.blogspot.com/-DdujchYpCr8/ULuqN5WZNbI/AAAAAAAAED0/D8faoUhOvuE/s1600/1726.png) repeat;
padding: 4px;
background-position:top center;
-webkit-transition-duration: .80s;
-webkit-transition-duration: .80s;
}
.post img:hover {
border-radius: 9px;
background: url(http://3.bp.blogspot.com/-DdujchYpCr8/ULuqN5WZNbI/AAAAAAAAED0/D8faoUhOvuE/s1600/1726.png) repeat;
padding: 4px;
background-position:bottom center;
-webkit-transition-duration: .80s;
}

3.Troque essa imagem por a que você quer.