Ju Duarte

Tag: layouts grátis

  • Layout grátis: So girlie

    Se você não tem conta no 4shared, faça o download por este link.
    Não sei se vocês viram, mas cheguei a postar no Twitter e no Facebook que eu tinha preparado uma surpresa para vocês. Bom… Aqui está ela!
    Depois de postar dois layouts grátis aqui (confira), resolvi tirar o dia e criar um terceiro. Tentei fazer algo para blogs femininos que não sejam só de moda nem só de textos, mas sim de tudo um pouco (como o JDB). E o resultado foi esse… O que acharam?
    Espero que vocês gostem do layout tanto quanto eu. Mudei muitas coisas no código e adicionei algumas que me pediram, como sidebar e posts iguais ao do JDB, redes sociais e footer do post. Confiram lá!

    Instalando no Blogspot:

    Depois de fazer o download (na imagem abaixo do preview do layout), vá até a guia Modelo do Blogger, depois em Fazer backup/Restaurar. 
    Antes de fazer o upload, clique em Fazer download do modelo completo. Assim, se der algum erro, você terá o código do layout antigo.
    Clique em Escolher arquivo e, na pasta onde você baixou o lay, selecione-o. Depois, clique no botão Fazer upload e espere carregar.
    Pronto! Seu lay já está em seu blog. 
    Dica: Se o título do seu blog for muito grande, o menu tende a ir para baixo. Para arrumar, vá até Modelo > Editar HTML e procure por este trecho:


    #menu {
    width: 690px;
    height: 40px;
    background-image: transparent;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 206px;
    float: left;
    margin-left: 15px; 

    }

    Em margin-top:206; troque o 206 por um número menor, assim ele sobe de novo. 
    Adicionando suas páginas ao menu do layout:
    Dessa vez, criei uma área especial para vocês adicionarem suas páginas ao lay. Para arrumar os links, faça o seguinte:
    1- Procure pelo código abaixo (ele está bem no final do layout, depois de <div id=’menu’>):
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEPERFILAQUI’>Perfil</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEESQUIPEAQUI’>Equipe</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINASOBREOBLOGAQUI’>O blog</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEBLOGSAMIGOSAQUI’>Blogroll</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADECONTATOAQUI’>Contato</a></li>
    Agora é só ir adicionando os links que se pede. Nada impede de trocar algum por outro de sua preferência.
    Arrumando o “quem sou eu”:
    Já deixei o gadget do “quem sou eu” todo certinho, com os ícones de redes sociais e foto. Quando fizer upload do layout, não exclua os gadgets, assim ele já estará lá para você trocar as informações, colocar os links das redes e o link da imagem.

    Vale lembrar que quem usar o layout não deve tirar os créditos e, caso aconteça algum erro no código ou dê problema para baixar, me avisem. Ah, e se puder, comenta aqui se colocar o lay no blog. Vou adorar vê-lo “funcionando” haha.

    E vocês? Curtiram o terceiro lay free do blog? Conta pra gente!

  • Layout grátis: Fix a heart

    Com a rotina pesada da faculdade, fiquei sem tempo para fazer muitas coisas para o blog e para vocês. Porém, minhas férias chegaram e prometi que, assim que tivesse um dia livre, iria me comprometer a criar um novo layout free para disponibilizar no blog. Bom… promessa é dívida, certo?

    Esse segundo tema que crio é bem simples, porém gostei bastante. Tentei me inspirar em blogs que só postam textos, pois o anterior era mais para blogs de fotografia, moda e etc. Apesar de não ser tão cheio de imagens e texturas, eu amei. Ah, e vale lembrar: me inspirei na música Fix a heart da Demi Lovato. A frase “never really can fix a heart” é da canção. 

    Instalando no Blogspot:
    Depois de fazer o download (na imagem abaixo do preview do layout), vá até a guia Design do Blogger, depois em Editar HTML. Logo acima, haverá a opção de upar o novo tema. Como na imagem:

    Clique em Escolher arquivo e, na pasta onde você baixou o lay, selecione-o. Depois, clique no botão Fazer upload e espere carregar.
    Pronto! Seu lay já está em seu blog. 
    Dica: Se o título do seu blog for muito grande e ultrapassar a área dele ou muito pequeno e ficar estranho, você pode modificar o tamanho da fonte. Basta ir até Design > Editar HTML e procurar por este trecho:

    #header h1 {
    color:#c3937e;
    display:block;
    font-family: ‘Cookie’, cursive;
    font-size:50px;
    font-style:normal;
    font-weight:normal;
    margin:0;
    padding-left:330px;
    padding-top:90px;
    text-align:center;
    width:550px;
    }

    Em font-size:50px; troque o 50 por um número menor (para diminuir) ou maior (para aumentar). Caso você ache que o título está descentralizado e queira ajustá-lo, troque o padding-top:90px; por um número maior (deixa o título mais para baixo) ou menor (deixa o título mais para cima).
    Adicionando suas páginas ao menu do layout:
    Dessa vez, criei uma área especial para vocês adicionarem suas páginas ao lay. Para arrumar os links, faça o seguinte:
    1- Procure pelo código abaixo (ele está bem no final do layout, depois de <div id=’menu’>):
    <li><a class=’link’ href=’http://LINKDOSEUBLOGAQUI’>Início</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEPERFILAQUI’>Perfil</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEESQUIPEAQUI’>Equipe</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINASOBREOBLOGAQUI’>O blog</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEBLOGSAMIGOSAQUI’>Blogroll</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADECONTATOAQUI’>Contato</a></li>
    Agora é só ir adicionando os links que se pede. Nada impede de trocar algum por outro de sua preferência.

    Vale lembrar que quem usar o layout não deve tirar os créditos. Ah, e se puder, comenta aqui avisando que colocou o lay no blog. Vou adorar vê-lo “funcionando” hihi.

    E vocês? Curtiram o segundo lay free do blog? Conta pra gente!

  • Layout grátis: Green&blue

    Passei a tarde toda sem ânimo para escrever e com uma vontade louca de fazer algo produtivo no Photoshop. Estava com tanta imaginação, criatividade e disposição que tive que criar algo!

    E dessa mistura toda nasceu o primeiro layout free do blog. É, isso mesmo: grátis! Passei a tarde e a noite  toda montando esse presentinho para vocês, que sempre elogiam o design aqui do blog. Se gostarem, vou tentar criar mais, viu? Quem sabe consigo manter uma cota de 1 ou 2 por mês?

    Tentei criar uma paisagem clean, bonita e bem gostosa de se ver. Misturei algumas tendências (como os pássaros e as corujas) com flores e objetos delicados. Bom, eu amei o resultado!

    Instalando no Blogspot:
    Depois de fazer o download (na imagem abaixo do preview do layout), vá até a guia Design do Blogger, depois em Editar HTML. Logo acima, haverá a opção de upar o novo tema. Como na imagem:

    Clique em Escolher arquivo e, na pasta onde você baixou o lay, selecione-o. Depois, clique no botão Fazer upload e espere carregar.
    Pronto! Seu lay já está em seu blog. 
    Dica: Se o título do seu blog for muito grande e ultrapassar a área dele, você pode diminuir a fonte. Basta ir até Design > Editar HTML e procurar por este trecho:

    #header h1 {
    color:#507152;
    display:block;
    font-family: ‘Parisienne’, cursive;
    font-size:50px;font-style:normal;
    font-weight:normal;
    margin:0;
    padding-left:450px;
    padding-top:140px;
    text-align:center;
    width:430px;
    }

    Onde está em negrito, troque o 50 por um número menor. Escolha um que fique ao seu gosto.
    Vale lembrar que quem usar o layout não deve tirar os créditos. Ah, e se puder, comenta aqui avisando que colocou o lay no blog. Vou adorar vê-lo “funcionando” hihi.
    E vocês? Curtiram o primeiro lay free do blog? Conta pra gente!

    ATT: A imagem do fundo estava com problemas, então já arrumei. Quem já usa o layout, é só reinstalar novamente, viu? Beijos, Julie.