30 março 2018

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é

template free

                        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>

Espero que vocês tenham gostado! Comente se você utilizar este layout em seu blog, fiquei muito feliz em ver o resultado!

19 coment√°rios:

  1. Que layout mais amorzinho, socorro. Arrasou! <3

    Beijos, quebrarosilencio.blogspot.com ❥

    ResponderExcluir
  2. Parabéns pelo layout, ficou muito bonito. Hoje em dia é essencial ter lays responsivos e o meu é.
    big beijos
    www.luluonthesky.com

    ResponderExcluir
    Respostas
    1. √Č muito importante pois muitas pessoas visitam os blogs pelo celular, que bom que o seu √©, assim torna a navega√ß√£o dos seus leitores bem mais interessante!

      Beijos <3

      Excluir
  3. Que layout mais fofo!!! Obrigada por disponibilizar. <3
    www.achatadebatom.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou <3 Obrigada pela visita

      Excluir
  4. Tá lindo esse layout que bacana você disponibilizar pra gente!
    Beijoss
    www.silalmeida.com

    ResponderExcluir
  5. Que layout maravilhoso!
    Obrigada por disponibilizar.
    Beijos.
    https://vinteedoisdemaio.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada pela visita Gabriele <3 Fico feliz que gostou :)

      Excluir
  6. Este coment√°rio foi removido pelo autor.

    ResponderExcluir
  7. Que layout lindo. Trabalho incrível achei muito show.
    Beijinhos

    https://glamour-02.blogspot.com.br/

    ResponderExcluir
  8. Que template lindo, nossa parabéns! Muito legal disponibilizar esses tipos de artes
    Beijos

    www.estiilocarol.com

    ResponderExcluir
  9. Ol√°
    Tudo bem?
    Cada dia me apaixono no seu trabalho e lindo, o Lay e perfeito.

    Beijos da Kah
    Blog Mundo da Kah
    Canal Blog Mundo da Kah
    Instagram

    ResponderExcluir