Blog.HTML.....

        <footer id = "rodape-pagina"> © João da Silva 2014

        <ul class = "icones-sociais social-rodape">
                    <li><a href = "http://github.com/github-joaodasilva"><img src = "github.png" alt = "Ícone do Github"></a></li>
                    <li><a href = "http://twitter.com/twitter-joaodasilva"><img src = "twitter.png" alt = "Ícone do Twitter"></a></li>
                    <li><a href = "https://br.linkedin.com/pub/linkedin-joaodasilva/32/4/508"><img src = "linkedin.png" alt = "Ícone do Linkedin"></a></li>
        </ul>
        </footer>    

CSS......

footer {
    background-color: #000;
    color: #F2FFFC;
}

nav a {
    color: #F2FFFC;
}

main a {
    color: #851944;
}

aside a {
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
}

blockquote, aside, footer {
    padding: 20px;
}

main div {
    width: 720px;
    padding: 30px 0;
}

aside {
    text-align: center;
}

aside h1 {
    font-size: 30px;
    margin-bottom: 25px;
}

.icones-sociais li{
    display: inline-block;
}
.social-rodape{
    margin: 60px;
}
#rodape-pagina{
    background-color: #000;
    color: #F2FFFC;
    padding: 20px;
}