Layout Free Responsivo para blogger - Rose and Blue

 

Hoje resolvi trazer mais um layout free personalizado para vocês 🎉 A base deste layout free eu peguei do site themexpose e deixei ele com tons de rosa e azul. Para ficar ainda mais bonito eu coloquei um background floral nas cores que escolhi. Este layout conta com um menu fixo e um box de postagens recentes automático que já ensinei a fazer aqui e esses detalhes deram todo um charme para o layout, além de tudo ele ainda é responsivo!

 Clique aqui para fazer o download.

Não retire os créditos do rodapé

Leia também:  Menu no topo com redes sociais e barra de pesquisa

                        Postagem relacionada com efeito hover no post do blog 

                        Layout Free - Flower is the new black
                        Layout Free - Amalie Vintage para blogger

 

Como personalizar o sobre mim deste layout free?

1.  Vá em Layout > Adicionar um gadget > HTML/JavaScript
2. Copie e cole o código a seguir substituindo o que se pede:

<img src="LINK DA SUA FOTO" style="width: 242px; margin: -23px 1px 0px;"/>

<div class="textoperfil">
UMA BREVE DESCRIÇÃO SOBRE VOCÊ AQUI
</div>


<div class="social">
<a href="https://instagram.com/SEU-ID" class="fa fa-instagram" target="_blank"></a>

<a href="https://br.pinterest.com/SEU-ID" class="fa fa-pinterest" target="_blank"></a>

<a href="LINK DO SEU TUMBLR" class="fa fa-tumblr" target="_blank"></a>

<a href="https://twitter.com/SEU-ID" class="fa fa-twitter" target="_blank"></a>

<a href="mailto:SEU E-MAIL" class="fa fa-envelope-o" target="_blank"></a>

</div>

<style type='text/css'>

/*social*/
.social {
display: table;
margin: 13px 0;
}
.social a {
    font-size: 13px;
    text-align: center;
    background: #fdced8;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    width: 30px;
    float: left;
    margin: 6px 5px;
    transition: 0.5s;
    text-decoration: none;
    padding: 5px 3px;
    border-radius: 50px;
}
.social a:hover {
    background: #edaaaa;
    color: #fff;
}
.textoperfil {
    font-size: 13px;
    color: #5e5e5c;
    font-family: verdana;
    text-align: justify;
    line-height: 14px;
}

</style>

PS: Para baixar a fonte utilizada no cabeçalho clique aqui
Espero que vocês tenham gostado! Comente se você utilizar este layout em seu blog, fiquei muito feliz em ver o resultado!