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!

26 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
  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