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 ♥
Copyright © 2015 | Design e Código: Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo