Post-Footer em Hover

Boa Tarde, leitores ! 

Eu ando bem ausente, mas tem que ser assim mesmo por causa das coisas que estão acontecendo. Por causa de tempo eu deixo, eu não terei muito tempo para que eu fique disponível na internet, mais eu vou tentar acompanhar o blog e fazer pelo menos uma postagem por dia, isso posso garantir a vocês. Mais hoje me sobra um pouco de tempo e eu tentarei realizar alguns pedidos da nossa Ask.

Começando com os pedidos, tem um pedido lá algumas semanas de como deixar o Post-footer igual ao daqui do blog. Pra quem não sabe, post-footer é onde fica o nome do Autor, os marcadores, que MUITA gente não lê e depois vem e comenta '' Ai flor amei sua postagem'', quando na verdade quem postou foi um Menino, mais em fim, vamos ao tutorial.


- Localize no seu HTML a seguinte tag ]]></b:skin> e após ter achado, cole o seguinte código:  

.post-footer-line-1{
border-bottom: 1px solid #Cordaborda1;
font-size:11px;
color: #Cordaletra1;
-webkit-transition-duration: .50s;
}
.post-footer-line-2{
border-bottom: 1px solid #Cordaborda2;
font-size:11px;
color: #Cordaletra2;
-webkit-transition-duration: .50s;
}
.post-footer-line-1:hover{
border-bottom: 1px solid #CordabordaHOVER1;
font-size:11px;
color: #CordaletraHOVER1;
-webkit-transition-duration: .50s;
}
.post-footer-line-2:hover{
border-bottom: 1px solid #CordabordaHOVER2;
font-size:11px;
color: #CordaletraHOVER2;
-webkit-transition-duration: .50s;
}

Vamos as explicações. Eu deixei como numeral por conter DUAS linhas, a primeira (1) e a segunda (2), bom eu deixei explicado e você apenas deve mudar as cores. Espero que vocês tenham entendido, duvidas deixem nos comentários (: