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'>- Substitua o # do href pelo link da sua página que você quer inserir e mude o nome para o que você desejar
<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>
- 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">- Clique em Salvar
<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>
• 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">- 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 )
<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>
- 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">- Insira o link da categoria (link da tag) no lugar de # em href
<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>
- 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 ♥
Teste de postagem
ResponderExcluirteste de resposta
ExcluirOi, Amanda!Eu amo esse teu layout ele é perfeito demais! Gostaria de saber como eu aumento a largura da sidebar?
ExcluirOii, eu não estou conseguindo instalar esse lay "/
ResponderExcluirPor que não?
ExcluirOi, 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?
ExcluirAconteceu a mesma coisa no meu :( Queria saber como faz pra arrumar isso
ExcluirO layout foi feito para o modelo/travel do blog. Verifique se o seu blog está com este modelo
ExcluirOi Amanda, quero saber a fonte do cabeçalho e você poderia disponibilizar o cabeçalho? Porquê ele é mt fofo <3
ResponderExcluirVou disponibilizar sim. É que estou um pouco sem tempo. Mas essa semana eu disponibilizo
ExcluirOk quando disponibilizar manda o link aqui haha ♥
Excluir♥ quando disponibilizar manda link aqui Salinas ♥
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirOlá 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?
ResponderExcluirAlé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.
O meu tb tá assim...
ExcluirMeus comentarios também ficaram por cima dos marcadores :/
Excluire o fundo da caixa de pesquisa nao ta transparente igual este.
Este comentário foi removido pelo autor.
ExcluirOlá Mirella, Liah e Djessica!
ExcluirEu 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!
Obrigada, Camila. :D
ExcluirEsse é o layout free mais perfeito que eu já vi em toda minha vida. Eu to perdidamente apaixonada UAHUAHAUAHAUHAU
ResponderExcluirGente que tem o dom pra fazer layout simples mas lindo <3
Obrigada ♥
ExcluirInstalei, o único problema é que eu não acho o código de por a foto centralizada no post ♥
ResponderExcluirnem eu :c
Excluirè realmente perfeito, de todos que já vi, esse tem tudo, tudo muito fofo
ResponderExcluirè realmente perfeito, de todos que já vi, esse tem tudo, tudo muito fofo
ResponderExcluiréh vlw pelo layout, gostei bastante :)
ResponderExcluirhttp://willianernani1.blogspot.com.br/
Serve pra blog masculino tambem rss
Este comentário foi removido pelo autor.
ResponderExcluirEi Amanda! O Lay ficou quase perfeito no meu blog teste, sabe como eu poderia resolver esse problem?
ResponderExcluirAs tags/marcação estão sobrepostas por "Postado por.."
Não sei como resolver isso.
Obrigada :)
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(:
Este comentário foi removido pelo autor.
ExcluirProcura por:
Excluir.post-footer-line-2
e quando encontrar, muda o margin-top para -65px :) funcionou comigo
obg , ajudou muito
Excluiroie como faço pra centralizar os gadget's na lateral ? eles ficam pra direita
ResponderExcluirNão entendi
ExcluirOlá 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?
ResponderExcluirAlé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.
Olá gostaria de saber como faço pra fazer um pedido de um layout ?
ResponderExcluirHey, você poderia me ajudar a fazer ou encontrar um cabeçalho pro meu blog? E sim, eu usei esse layout lindo <3
ResponderExcluirPesquise referências em sites legais, Piterest, Dribbble, Behance e tente fazer o seu mesmo. Fica bacana quando a gente faz :D
ExcluirAmeiiiiiiii o layout, porém não estou conseguindo colocar no meu blog. Está aparecendo isso:
ResponderExcluirNã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?
Tem que ter certeza que o tema do seu blog seja o Viagem/Travel do BLOGGER, senão dá erro
ExcluirComo faz para um certa area do post ficar amarela?
ResponderExcluirEle é 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)
ExcluirNã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
ResponderExcluirEsse é o problema que dá quando o modelo está incorreto :/ Não sei o que mais pode ser
ExcluirN consegui botar no blog
ResponderExcluirTem que ter certeza que o tema do seu blog seja o Viagem/Travel do BLOGGER, senão dá erro
ExcluirComo posso trocar as partes de amarelo por outras cores?
ResponderExcluirPesquise no MODELO do blogger:
Excluir#fff15d e #ffda21, e mude pelas cores que você quer
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?
ExcluirOi!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
ExcluirE #FFF151 também ( esse é o amarelo do menu superior)
ExcluirComo faz para um certa área do post ficar amarela?
ResponderExcluirEle é 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)
ExcluirQueria 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?
ResponderExcluirVocê 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.
ExcluirEste comentário foi removido pelo autor.
ExcluirComo diminuir a distância entre a imagem do cabeçalho e o menu fixo que fica lá em cima??
ResponderExcluirPesquise por " #Header1_headerimg " no MODELO do BLOGGER e após {
Excluirdigite:
margin-top: 15px;
você pode mudar o 15 até ficar da forma que você quer
Pra mim não aparece o XML. Aparece só um arquivo chamado setup, pedindo pra instalar :/
ResponderExcluirComo que coloca esse fundo amarelo no texto da postagem?
ResponderExcluirEle é 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)
ExcluirA class="img-entry" tem de ser adicionada manualmente a TODAS as imagens? Não há uma maneira de fazer automaticamente?
ResponderExcluirE quanto às imagens de posts antigos?
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
ExcluirSerá 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 :)
ExcluirEste comentário foi removido pelo autor.
ResponderExcluiramei, vou usar
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirO que faço para colocar o link em categorias? pq quando crio os marcadores ele aparecem na sidebar, pode me explicar pf?
ResponderExcluirAJUDAEU, a parte dos comentários ficou bagunçada, o lnk pros comentários aparece em cima dos marcadores e da hora da postagem :(
ResponderExcluirVocê precisa diminuir o tamanho da letra ou apagar, você vai em modelo html e procura por:
Excluir.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
Ajudou muito, Kelly! ^_^
ExcluirObrigado. <3
Bjs
AJUDA! COMO MUDO COR DAS LETRAS NO MENU NO TOPO DA PAGINA??
ResponderExcluirNão estou conseguindo baixar, aparece que o link não é valido, quem tiver o link correto e poder me enviar eu agradeço.
ResponderExcluirOlá, porque o fundo da caixa de pesquisa não fica transparente?
ResponderExcluirTainá vc conseguiu? Também fiquei com essa dúvida.
ExcluirEste comentário foi removido pelo autor.
ExcluirOlá eu consegui, é só procurar por: .sidebar .widget:first-chil
Excluirno 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
dá para personalizar?
ResponderExcluirALGUEM 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!
ResponderExcluirVocê precisa diminuir o tamanho da letra ou apagar, você vai em modelo html e procura por:
Excluir.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
Eu coloquei e ja editei para ficar do meu jeitinho , muito obg
ResponderExcluirhttp://apenasestiloo.blogspot.com.br/
Este comentário foi removido pelo autor.
ResponderExcluirmuito obrigadaaa amei!!!
ResponderExcluirhttp://comosefosserapunzel.blogspot.com.br/
Este comentário foi removido pelo autor.
ResponderExcluirAmanda, 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 *-*
ResponderExcluirOi! Peguei o Layout, ok? Está Lindo! Parabéns!
ResponderExcluirNão consigo baixar, o link não está disponivel no 4shared!! :(
ResponderExcluiroolaa
ResponderExcluirameii, estou usando, mt obg!
você conseguiu baixar o link? estou com dificuldades... deu erro!
Excluirlindo layout parabéns!!
ResponderExcluirpeguei o layout ok
ResponderExcluirta lindo, amei
Peguei o Layout, ele é lindo e me ajudou muito obrigada!! <3
ResponderExcluirPeguei! Adorável.
ResponderExcluirO cabeçalho só fica um monte de letras... Não aparece que nem nesse site
ResponderExcluirEsqueci de agradecer Amanda esse é o Layout mais perfeito do universo.
ResponderExcluirNão está funcionando o download :(
ResponderExcluirConsegui! rs
ResponderExcluirComo eu mudo a cor do plano de fundo?? Tem como?
ResponderExcluirApaixonada pelo layout <3
ResponderExcluirPrimeiramente, parabéns! Eu amei!
ResponderExcluirConsegui 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/
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.
ResponderExcluirGente, 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.
ResponderExcluirOi, 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
ResponderExcluirOieee...o link não está mais disponível =(
ResponderExcluirLindo esse Layout ♥
ResponderExcluirhttp://sonhosdasam.blogspot.com.br/
como fez para instalar o FLEX-SLIDER acima do post?
ExcluirCongratulaçoes!!! Mas:
ResponderExcluirPorquê não tem botões de SHARE? E não tem o Avatar de assinatura? Faltou esses ítens. Mas é lindo!
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 ?
ResponderExcluirto tentando tbm migo
Excluiro botao de responder comentario nao ta funcionando e nao consigo resolver o problema por favor me ajude
ResponderExcluir