Post Footer Hover no blog

Poderiam ajudar minha amiga curtindo essa página aqui (www) ? agradeceria muito.

Hoje é o dia do blogueiro, parabéns para todos!
Olá moe Kawaiis,  ❀◕ ▽ ◕❀
estou muito ausente ultimamente, infelizmente continuarei assim por um bom tempo pois ainda tenho um quilo de exercícios de matemática para fazer até essa sexta, ainda terei de estudar para um teste ninguém merece, mais como a Hannah G3 disse, as postadoras novas estão de parabéns, dando conta do recado hehe.

Mais, hoje trouxe um tutorial super legal de como deixar o footer da sua postagem em hover com um efeito legal, quem não sabe, o footer da postagem é a parte onde fica os marcadores e o nome do autor, preview here.

Vamos aprender, super fácil !

Procurem por /* Posts 

Abaixo da linha pontilhada, cole:

.post-footer {
background-color: #f9f9f9;
color: #F3A3C2;
border-left: 8px solid #F8CBDD;
border-right: 8px solid #F8CBDD;
box-shadow: inset 0 0 20px #ccc, 0 0 0px#F5B4CE;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin:0.73em 0;
padding:3px 3px;
-webkit-transition-duration: .50s;
}
.post-footer:hover {
background-color: #f9f9f9;
color: #F3A3C2;
border-left: 8px solid #F3A3C2;
border-right: 8px solid #F3A3C2;
box-shadow: inset 0 0 30px #ccc, 0 0 0px#F5B4CE;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin:0.73em 0;
padding:3px 3px;
-webkit-transition-duration: .50s;
}

Personalize as partes em negrito, que no caso são as cores do footer, recomendo essa tabela.

Espero que tenham gostado do tutorial de hoje!