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>

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!

42 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
  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
  10. Que layout maravilhoso! Já vou deixar esse post salvo nos favoritos haha ♥
    Beijos
    No mundo da Lari ♥

    ResponderExcluir
  11. Meu Deus, que layout mais fofo! E amiga do céu, o layout do seu blog é a coisa mais linda do mundo!!Adorei mesmo.
    Beijos.
    www.giovannaotuka.blogspot.com.br

    ResponderExcluir
  12. Não dá pra baixar, diz que arquivo tá corrompido.

    ResponderExcluir
    Respostas
    1. Aqui está tudo normal. Caso não consiga baixar, mande um e-mail para alexiaevellynmg@gmail.com que eu te mandarei os arquivos

      Excluir
  13. eu amei
    mais nao consigo instalar pois esta dando erro numa das linhas! mesmo assim obrigada por ns ajudar

    ResponderExcluir
    Respostas
    1. Em qual linha? Entre em contato pelo e-mail, talvez eu possa te ajudar

      Excluir
  14. Este comentário foi removido pelo autor.

    ResponderExcluir
  15. Oi!
    não consigo instala o layout, por favor poderia ensinar em um post ou respondendo a este comentário?

    ResponderExcluir
  16. Não consigo baixar o layout por esse pagsocial. Tem outra forma?

    ResponderExcluir
    Respostas
    1. me envia um e-mail que te passo os arquivos
      alexiaevellynmg@gmail.com

      Excluir
    2. atualizei o link do post, tenta baixar agora. Caso ainda der erro me envia um e-mail alexiaevellynmg@gmail.com

      Excluir
  17. Não estou conseguindo baixar o layout, o pagsocial não é autorizado como um aplicativo pelo google, como faço para baixar?

    ResponderExcluir
    Respostas
    1. Me manda um e-mail que te envio os arquivos.

      Excluir
  18. Está dando "Não foi possível salvar seu tema.
    Não foi possível analisar seu tema devido à formatação inadequada. Verifique se todos os elementos XML estão fechados corretamente. Mensagem de erro do XML:
    Content is not allowed in prolog."

    ResponderExcluir
    Respostas
    1. É necessário descompactar o arquivo com WinRAR

      Excluir
  19. Oi, adorei !!!
    Tbem não estou conseguindo baixar, teria como me enviar por email.
    profmisoares@gmail.com

    Parabens!

    ResponderExcluir
    Respostas
    1. atualizei o link do post, tenta baixar agora. Caso ainda der erro me envia um e-mail alexiaevellynmg@gmail.com

      Excluir
  20. Este comentário foi removido pelo autor.

    ResponderExcluir
  21. Mana, estou usando o layout e acompanhando alguns tutoriais daqui. Agradeço muito por disponibilizar um layout tão lindo <3

    https://likeauniverse.blogspot.com/

    ResponderExcluir
  22. Oi, vida! Atualmente não sei o que há errado, mas quando aperto no conteúdo do meu post, não aparece NADA do conteúdo por escrito na versão do computador. Doutro modo, no celular aparece normalmente, embora o tema não esteja ali. Poderia me ajudar?

    https://hoikkuen.blogspot.com/

    ResponderExcluir