Efeito Hover nas imagem (Preto + Cor)

Eu vi esse efeito no template oMagazine logo em cima da sidebar tem essa imagem

Ao passar o mouse emcida dela ela muda de cor, para vc entender melhor, fiz esse efeito em um blog de teste, onde escrevi "Blogger", está bem acima da sidebar >> Blogger Hover <<



Então vamos ao tuto!
Procure por:

sidebar h2 {

e embaixo cole isto:

.feedme {
 display:block;
 text-indent:-9999em;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHNnU20kwA_pVW21-7o9Z6fh9GIg0j_7D17rW2JdTtgdRU0NeCKvH2Z7LPWhVRrelzx3W4TBwbv-YKoMjq3OD1N4rgxInFIjPGvksM4q1kKtp1fK_YB0CbakkHUel01mPxkPS5NHdh1ZA/s1600/feedme.gif) no-repeat center top;
 width:148px;
 height:81px;
 margin-bottom:15px;
}
a.feedme:hover {
 background-position:bottom;
}

Esta nomeado de feedme por que ainda não troquei o nome

Agora procure por

sidebar-wrap

ou

sidebar-wrapper

e cole isso

RSS Feed
                Subscribe me via Rss Feed.