8 de janeiro de 2015

Leia a postagem para saber como instalar [ atualizado ]

ATENÇÃO! ATUALIZAÇÃO: 08/10/2015 - O DOWNLOAD ESTÁ FUNCIONANDO NOVAMENTE!
Estou disponibilizando mais um layout free para vocês! Tive muitos retornos positivos nos layouts anteriores e muitos elogios. Gostaria de agradecer quem gostou e quem os estão usando.

Me pediram para fazer um layout que o público masculino poderia também usar. Gostei bastante do resultado. Espero que vocês também! <3

Gente, eu faço os layouts com todo o carinho para vocês, mas eu peço que não retirem os créditos. É muito importante para mim, ok? Vocês podem alterar o que quiserem, mas mantenho o crédito de base, tudo bem?

O LAYOUT CONTEM:
- Cabeçalho ( imagem: 541 x 191 ) você pode utilizar a imagem que quiser.
- Área de categorias na sidebar
- Fontes personalizadas ( Roboto  e Roboto Condensed)
- Caixa de Pesquisa personalizada
- Área de perfil na sidebar ( utilize uma imagem com largura superior à 240px )
- Área de comentários personalizada
- Blockquote personalizado
- Menu superior customizável

PARA ALTERAR A IMAGEM DO CABEÇALHO:
- Crie uma imagem com dimensões 541 x 191 (De preferência)
- Vá no item Layout do seu blog
- Clique em editar no cabeçalho
- Insira uma imagem e selecione a opção "Em vez do título e descrição"
- Clique em Salvar
Muitas pessoas vieram me perguntar como deixar a imagem do cabeçalho do tamanho que elas querem, é só fazer o seguinte:
Vá no HTML do modelo, aperte ctrl+F no teclado e pesquise por #Header1_headerimgVai ver um código assim:
#Header1_headerimg {
width: 541px;
height: 191px;
margin: 15px auto;
}
Mude o width e o height pelo tamanho da sua imagem.

• PARA DEIXAR A IMAGEM DO TAMANHO DA ÁREA DE POSTAGEM:
- Insira a imagem no seu campo de postagem normalmente
- Clique na imagem. Vai aparecer uma barrinha cinza de configurações
- Selecione as opções "Tamanho Original" e "Centralizado"
- Depois vá na aba de HTML e pesquise um código semelhante a este:
<img border="0" src="nome-da-url-da-imagem.jpg" />
- Antes do /> cole esta classe class="img-entry"
- Salve e visualize para ver se está tudo ok.

PARA ALTERAR A BARRA DE MENU:
- Vá no item Modelo do seu layout
- Não esqueça de fazer o backup do layout antes de fazer qualquer alteração
- Clique em Ctrl+f e procure por <div id='navbar'>
- Você vai encontrar o seguinte código:
<div id='navbar'>
    <ul>
        <li><a href='#'>Home</a></li> x
        <li><a href='#'>Sobre o blog</a></li> x
       <li><a href='#'>Categorias</a></li> x
       <li><a href='#'>Blogroll</a></li> x
        <li><a href='#'>Contato</a></li>
    </ul>
</div>
- Substitua o # do href pelo link da sua página que você quer inserir e mude o nome para o que você desejar
- Clique em Salvar modelo

PARA INSERIR CAIXA DE PESQUISA:
- Vá no item Layout do seu blog
- Clique no link Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- No campo conteúdo cole o seguinte código:
<form action="/search" class="search" method="get">
    <input class="searchbar" id="s" name="q" type="text" value="Digite o que você procura" onfocus="if (this.value == 'Digite o que você procura') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Digite o que você procura';}" />
</form>
- Clique em Salvar

PARA INSERIR CAIXA DE PERFIL NA SIDEBAR:
- Vá no item Layout do seu blog
- Clique em Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- No campo conteúdo cole o seguinte código:
<div class="bloco-sobre">
   <img src="http://data1.whicdn.com/images/155956901/large.jpg" alt="layout free - Amanda Salinas" />
      <p>At cake marshmallow ice cream fruitcake pie bear claw sugar plum croissant lollipop. At cake marshmallow ice cream fruitcake pie bear claw sugar plum croissant lollipop</p>
</div>
- Troque o código http://data1.whicdn.com/images/155956901/large.jpg pelo da imagem que você deseja usar ( para isso você precisa hospedar a imagem primeiro. Eu recomendo o tinypic.com )
- A imagem deve ter pelo menos 240px de largura
- Digite o texto que quiser entre <p></p>
- Clique em Salvar

PARA INSERIR CAIXA DE CATEGORIAS NA SIDEBAR:
- Vá no item Layout do seu blog
- Clique em Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- Se desejar, insira um título
- No campo conteúdo cole o seguinte código:
<div class="categoria">
    <ul>
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a></li>
        <li><a href="#">Item 4</a></li>
        <li><a href="#">Item 5</a></li>
        <li><a href="#">Item 6</a></li>
        <li><a href="#">Item 7</a></li>
        <li><a href="#">Item 8</a></li>
    </ul>
</div>
- Insira o link da categoria (link da tag) no lugar de # em href
- Substitua o nome do link pelo que você desejar
- Clique em Salvar

PARA INSERIR ARQUIVO NA SIDEBAR:
- Vá no item Layout do seu blog
- Clique em Adicionar um Gadget na sidebar
- Selecione Arquivo do blog
- Escolha um título
- Em Estilo selecione Menu suspenso
- Mude mais o que desejar
- Clique em Salvar

CLIQUE AQUI PARA FAZER DOWNLOAD DO ARQUIVO

Bom, é isso. Se tiverem alguma dúvida mande um e-mail para contato@bloguntilwedie.com.br

Muito Obrigada ♥

110 comentários:

  1. Respostas
    1. Oi, Amanda!Eu amo esse teu layout ele é perfeito demais! Gostaria de saber como eu aumento a largura da sidebar?

      Excluir
  2. Oii, eu não estou conseguindo instalar esse lay "/

    ResponderExcluir
    Respostas
    1. Oi, Amanda, aconteceu uma coisa super estranha. O layout pegou no meu blog de testes mas não no meu de verdade; No de testes deu certinho, mas no outro apareceu que o "mobile.background.overlay" e outras coisinhas assim não foram definidas :( HELP?

      Excluir
    2. Aconteceu a mesma coisa no meu :( Queria saber como faz pra arrumar isso

      Excluir
    3. O layout foi feito para o modelo/travel do blog. Verifique se o seu blog está com este modelo

      Excluir
  3. Oi Amanda, quero saber a fonte do cabeçalho e você poderia disponibilizar o cabeçalho? Porquê ele é mt fofo <3

    ResponderExcluir
    Respostas
    1. Vou disponibilizar sim. É que estou um pouco sem tempo. Mas essa semana eu disponibilizo

      Excluir
    2. Ok quando disponibilizar manda o link aqui haha ♥

      Excluir
  4. ♥ quando disponibilizar manda link aqui Salinas ♥

    ResponderExcluir
  5. Olá Amanda, achei o layout uma graça e pretendo usá-lo, no entanto quando o instalei no meu blog de teste ficou com um pequeno probleminha, na área dos comentários, a frase "Nenhum comentário" está se sobrepondo a "Postar um comentário", como posso resolver isso?
    Além disso, gostaria de saber se há algum problema em personalizar o layout, pois é o que pretendo fazer, sem retirar os créditos, claro! Mas caso não possa, me avise por favor.

    ResponderExcluir
    Respostas
    1. Meus comentarios também ficaram por cima dos marcadores :/
      e o fundo da caixa de pesquisa nao ta transparente igual este.

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

      Excluir
    3. Olá Mirella, Liah e Djessica!

      Eu consegui! Procure no html pelo código:

      #comments h4,

      ( quando encontrar vai no margin-top e altera o número -40px por -30px mas ai vai do seu gosto!)

      Espero que te ajude! Beijos!

      Excluir
  6. Esse é o layout free mais perfeito que eu já vi em toda minha vida. Eu to perdidamente apaixonada UAHUAHAUAHAUHAU
    Gente que tem o dom pra fazer layout simples mas lindo <3

    ResponderExcluir
  7. Instalei, o único problema é que eu não acho o código de por a foto centralizada no post ♥

    ResponderExcluir
  8. è realmente perfeito, de todos que já vi, esse tem tudo, tudo muito fofo

    ResponderExcluir
  9. è realmente perfeito, de todos que já vi, esse tem tudo, tudo muito fofo

    ResponderExcluir
  10. éh vlw pelo layout, gostei bastante :)
    http://willianernani1.blogspot.com.br/
    Serve pra blog masculino tambem rss

    ResponderExcluir
  11. Este comentário foi removido pelo autor.

    ResponderExcluir
  12. Ei Amanda! O Lay ficou quase perfeito no meu blog teste, sabe como eu poderia resolver esse problem?
    As tags/marcação estão sobrepostas por "Postado por.."
    Não sei como resolver isso.
    Obrigada :)

    ResponderExcluir
    Respostas
    1. Esse layout não foi projetado para ter a opção de "Postado por:". Então, para que não fique sobreposto, você deverá retirar o "Postado por:" das opções de layout.

      (:

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

      Excluir
    3. Procura por:
      .post-footer-line-2
      e quando encontrar, muda o margin-top para -65px :) funcionou comigo

      Excluir
  13. oie como faço pra centralizar os gadget's na lateral ? eles ficam pra direita

    ResponderExcluir
  14. Olá Amanda, achei o layout uma graça e pretendo usá-lo, no entanto quando o instalei no meu blog de teste ficou com um pequeno probleminha, na área dos comentários, a frase "Nenhum comentário" está se sobrepondo a "Postar um comentário", como posso resolver isso?
    Além disso, gostaria de saber se há algum problema em personalizar o layout, pois é o que pretendo fazer, sem retirar os créditos, claro! Mas caso não possa, me avise por favor.

    ResponderExcluir
  15. Olá gostaria de saber como faço pra fazer um pedido de um layout ?

    ResponderExcluir
  16. Hey, você poderia me ajudar a fazer ou encontrar um cabeçalho pro meu blog? E sim, eu usei esse layout lindo <3

    ResponderExcluir
    Respostas
    1. Pesquise referências em sites legais, Piterest, Dribbble, Behance e tente fazer o seu mesmo. Fica bacana quando a gente faz :D

      Excluir
  17. Ameiiiiiiii o layout, porém não estou conseguindo colocar no meu blog. Está aparecendo isso:
    Não foi possível salvar seu modelo.
    O modelo não pode ser analisado em função de um problema em sua formatação. Verifique se todos os elementos XML estão fechados corretamente. Mensagem de erro XML:
    Content is not allowed in prolog.
    Não sei direito o que quer dizer, poderia me ajudar, se souber?

    ResponderExcluir
    Respostas
    1. Tem que ter certeza que o tema do seu blog seja o Viagem/Travel do BLOGGER, senão dá erro

      Excluir
  18. Como faz para um certa area do post ficar amarela?

    ResponderExcluir
    Respostas
    1. Ele é o blockquote do blogger (quando você está escrevendo uma postagem é um ícone de aspas que tem na barra de ferramentas, você seleciona o texto que deseja e clica nele)

      Excluir
  19. Não to conseguindo colocar no blog aparece ''Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 901, coluna 4: The markup in the document following the root element must be well-formed'' e já coloquei na opção travel e não consegui, achei tão lindo

    ResponderExcluir
    Respostas
    1. Esse é o problema que dá quando o modelo está incorreto :/ Não sei o que mais pode ser

      Excluir
  20. Respostas
    1. Tem que ter certeza que o tema do seu blog seja o Viagem/Travel do BLOGGER, senão dá erro

      Excluir
  21. Como posso trocar as partes de amarelo por outras cores?

    ResponderExcluir
    Respostas
    1. Pesquise no MODELO do blogger:
      #fff15d e #ffda21, e mude pelas cores que você quer

      Excluir
    2. Eu modifiquei pra vermelho, mas o menu lá de cima e o título do texto (quando passo o cursor) continuam na cor amarela... Tem mais algum tom de amarelo que vc usou?

      Excluir
    3. Oi!Três anos depois não sei se essa informação ainda é util pra vc, mas caso mais alguém precise a outra cor é #fff150

      Excluir
    4. E #FFF151 também ( esse é o amarelo do menu superior)

      Excluir
  22. Como faz para um certa área do post ficar amarela?

    ResponderExcluir
    Respostas
    1. Ele é o blockquote do blogger (quando você está escrevendo uma postagem é um ícone de aspas que tem na barra de ferramentas, você seleciona o texto que deseja e clica nele)

      Excluir
  23. Queria saber como postar nas páginas do blog. Estou falando daquilo que fica na parte mais superior do blog. Os "HOME x SOBRE O BLOG x CATEGORIAS x BLOGROLL x CONTATO", como eu posto nessas páginas?

    ResponderExcluir
    Respostas
    1. Você vai criar páginas no BLOGGER, visualizar, copiar a URL da página e colar no lugar de "#" lá no menu. Tem tutorial na postagem acima.

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

      Excluir
  24. Como diminuir a distância entre a imagem do cabeçalho e o menu fixo que fica lá em cima??

    ResponderExcluir
    Respostas
    1. Pesquise por " #Header1_headerimg " no MODELO do BLOGGER e após {
      digite:

      margin-top: 15px;


      você pode mudar o 15 até ficar da forma que você quer

      Excluir
  25. Pra mim não aparece o XML. Aparece só um arquivo chamado setup, pedindo pra instalar :/

    ResponderExcluir
  26. Como que coloca esse fundo amarelo no texto da postagem?

    ResponderExcluir
    Respostas
    1. Ele é o blockquote do blogger (quando você está escrevendo uma postagem é um ícone de aspas que tem na barra de ferramentas, você seleciona o texto que deseja e clica nele)

      Excluir
  27. A class="img-entry" tem de ser adicionada manualmente a TODAS as imagens? Não há uma maneira de fazer automaticamente?
    E quanto às imagens de posts antigos?

    ResponderExcluir
    Respostas
    1. Sim. Até tinha como ser manualmente, porém todas as suas imagens ficariam com o mesmo tamanho (inclusiva as imagens que você queria que fossem pequenas). Fiz desta maneira, pois você tem mais liberdade de selecionar as imagens que deseja que fiquem com toda a largura

      Excluir
    2. Será que me podes dar o código que tinhas para fazer com que as imagens ficassem todas da largura total? No meu caso faz sentido que todas as imagens do post fiquem com a largura inteira :)

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

    ResponderExcluir
  29. Este comentário foi removido pelo autor.

    ResponderExcluir
  30. O que faço para colocar o link em categorias? pq quando crio os marcadores ele aparecem na sidebar, pode me explicar pf?

    ResponderExcluir
  31. AJUDAEU, a parte dos comentários ficou bagunçada, o lnk pros comentários aparece em cima dos marcadores e da hora da postagem :(

    ResponderExcluir
    Respostas
    1. Você precisa diminuir o tamanho da letra ou apagar, você vai em modelo html e procura por:

      .post-footer-line-2
      e quando encontrar, muda o margin-top para -65px ou o tamanho que preferir. Espero ter ajudado.

      http://kellydaniele.blogspot.com

      Excluir
    2. Ajudou muito, Kelly! ^_^
      Obrigado. <3
      Bjs

      Excluir
  32. AJUDA! COMO MUDO COR DAS LETRAS NO MENU NO TOPO DA PAGINA??

    ResponderExcluir
  33. Não estou conseguindo baixar, aparece que o link não é valido, quem tiver o link correto e poder me enviar eu agradeço.

    ResponderExcluir
  34. Olá, porque o fundo da caixa de pesquisa não fica transparente?

    ResponderExcluir
    Respostas
    1. Tainá vc conseguiu? Também fiquei com essa dúvida.

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

      Excluir
    3. Olá eu consegui, é só procurar por: .sidebar .widget:first-chil
      no html e vai a aparecer esse código: .sidebar .widget:first-child {
      margin-top: 0;
      ai vc acrescenta esse código: Background: transparent; em baixo de margin-top: 0;

      e pronto!


      obs: a caixa de pesquisa tem ser o primeiro GADGET

      Excluir
  35. ALGUEM ME AJUDA PELO AMOR DE DEUS! GENTE, VAI NO CAPS MESMO PRA ALGUEM VER, COMO QUE RETIRA A PERSONALIZAÇÃO DO POST-FOOTER, A AREA DE BAIXO DO POST, ONDE FICAR MARCADOR E ETC!

    ResponderExcluir
    Respostas
    1. Você precisa diminuir o tamanho da letra ou apagar, você vai em modelo html e procura por:

      .post-footer-line-2
      e quando encontrar, muda o margin-top para -65px ou o tamanho que preferir. Espero ter ajudado.

      http://kellydaniele.blogspot.com.br

      Excluir
  36. Eu coloquei e ja editei para ficar do meu jeitinho , muito obg
    http://apenasestiloo.blogspot.com.br/

    ResponderExcluir
  37. muito obrigadaaa amei!!!
    http://comosefosserapunzel.blogspot.com.br/

    ResponderExcluir
  38. Este comentário foi removido pelo autor.

    ResponderExcluir
  39. Amanda, você pode me mandar o link do cabeçalho para mim personalizar? Ou que ele mesmo se personalize sozinho de acordo com o nome do blog?? Pfv!! Não consigo achar um cabeçalho bom e esse seu é lindooo *-*

    ResponderExcluir
  40. Oi! Peguei o Layout, ok? Está Lindo! Parabéns!

    ResponderExcluir
  41. Não consigo baixar, o link não está disponivel no 4shared!! :(

    ResponderExcluir
  42. Respostas
    1. você conseguiu baixar o link? estou com dificuldades... deu erro!

      Excluir
  43. Peguei o Layout, ele é lindo e me ajudou muito obrigada!! <3

    ResponderExcluir
  44. O cabeçalho só fica um monte de letras... Não aparece que nem nesse site

    ResponderExcluir
  45. Esqueci de agradecer Amanda esse é o Layout mais perfeito do universo.

    ResponderExcluir
  46. Primeiramente, parabéns! Eu amei!
    Consegui instalar TUDO, ficou perfeito!
    A única coisa q senti falta foi os posts relacionados após cada post e os botões de compartilhamento em redes sociais, que mesmo com essa opção selecionada, ele não aparece.
    Beijos!

    http://entrelinhas-feitoamao.blogspot.com.br/

    ResponderExcluir
  47. Gente, alguém poderia me mandar o código. Pois quando baixo ele redireciona para a pagina do explore mas não abre nada! Fica tudo branco.

    ResponderExcluir
  48. Gente, alguém poderia me mandar o código. Pois quando baixo ele redireciona para a pagina do explore mas não abre nada! Fica tudo branco.

    ResponderExcluir
  49. Oi, será que você pode me ajudar? Estou utilizando seu layout no meu blog (muzukashiinokoto.blogspot.com) e estou incomodada com o espaçamento do nome do autor no post footer, embaixo dos marcadores...pode me ajudar com isso? Fuxiquei o código inteiro e não consegui arrumar! Daí os marcadores ficam pulando para baixo o.o

    ResponderExcluir
  50. Oieee...o link não está mais disponível =(

    ResponderExcluir
  51. Lindo esse Layout ♥
    http://sonhosdasam.blogspot.com.br/

    ResponderExcluir
  52. Congratulaçoes!!! Mas:
    Porquê não tem botões de SHARE? E não tem o Avatar de assinatura? Faltou esses ítens. Mas é lindo!

    ResponderExcluir
  53. Não consigo mudar as cores do título do texto , postagem e etc. para outra cor :c Queria mudar do amarelo para outra cor , ALGUÉM ME AJUDA ?

    ResponderExcluir
  54. o botao de responder comentario nao ta funcionando e nao consigo resolver o problema por favor me ajude

    ResponderExcluir

Copyright © 2015 | Design e Código: Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo