Baixando e instalando o layout


Depois de baixar o layout, vá em Modelo > Fazer backup/Restaurar, como mostra a imagem abaixo:


Antes de fazer o upload do layout novo, clique em "Fazer download do modelo completo". Caso dê algo errado você terá feito download do seu layout antigo.

Após isso, clique em "Escolher arquivo" e selecione o arquivo do layout novo, e clique em "Upload".

Espere carregar e pronto, o seu layout está pronto para ser utilizado! Para modificar a descrição, menu, redes sociais, blogs parceiros etc, siga as instruções nos posts logo abaixo. Enjoy :)


Revolvido: Menu saiu do lugar + Diminuir nome do blog

Se o nome do seu blog for muito grande, o menu tende a sair do lugar, portanto, você tem duas opções:

1. Diminuir o tamanho da fonte do título
2. Posicionar o menu caso ele saia do lugar

1. Para diminuir o tamanho da fonte do título do seu blog, vá em Modelo > Editar HTML, segure CTRL + F e digite #header h1, você irá encontrar o seguinte trecho de HTML:

#header h1 {
color:#fff;
display:block;
font-family: 'Satisfy', cursive;
font-size:45px;
font-style:normal;
font-weight:normal;
margin:0;
padding-left:440px;
padding-top:120px;
text-align:center;
width:220px;
}

font-size:45px; corresponde ao tamanho da letra, diminua ou aumente o valor (45)
padding-left:440px; corresponde à posição horizontal do nome, diminua esse valor (440) para trazer o nome para esquerda, e aumente o valor (440) para trazer o nome para a direita.
padding-top:120px; corresponde à posição vertical do nome, diminua esse valor (120) para trazer o nome para cima, e aumente esse valor (120) para trazer o nome para baixo.

2. Caso o nome do seu blog seja muito grande, o menu sairá do lugar, para arrumar isso, você precisa ir em Modelo > Editar HTML, segure CTRL + F e digite #menu, você irá encontrar o seguinte trecho de HTML:

#menu {
width: 940px;
height: 40px;
background-image:transparent;
background-position:center;
background-repeat:no-repeat;
margin-top: 100px;
float: left;
margin-left: 240px;
}

Se o menu sair da barrinha rosa, você deverá mexer em:

margin-top: 100px; aumente esse valor (100) para descer o menu, e diminua o valor (100) para subir o menu.
margin-left: 240px; caso queira que o menu fique mais à esquerda, diminua esse valor (240), e caso queira ele mais à direita, aumente esse valor (240).

Como editar o menu do Layout


Para modificar as páginas do menu, editar o nome da página, acrescentar ou remover, é só ir em Modelo > Editar HTML e segurar CTRL + F para abrir uma caixa de pesquisa, digite <div id='menu'> você irá encontrar o seguinte trecho no HTML:

<li><a class='link' href='/'>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'>Sobre o blog ♥</a></li>
<li><a class='link' href='http://LINKDASUAPAGINADEBLOGSAMIGOSAQUI'>Blogroll ♥</a></li>
<li><a class='link' href='http://LINKDASUAPAGINADECONTATOAQUI'>Contato</a></li>

Para editar é só substituir o que está em negrito pelo link da sua página, seja ela de perfil, contato, etc. Para excluir uma página do menu você deverá apagar o trecho de <li> até </li> da página que desejar. 

Se estiver tudo ok é só salvar.

Como editar sua descrição e as redes sociais

Para editar a sua descrição e linkar as redes sociais nos ícones, você deverá ir em Layout e encontrar o gadget "Sobre mim", e em seguida clicar em editar, como mostra a foto abaixo:


Irá abrir uma janela com o seguinte código: 

<center><img src="http://i.imgur.com/JFEFSKW.jpg"></center><center><br /> Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. </center><br />
<center><a href="LINKDOFACEBOOK"><img src="http://i.imgur.com/K2GWTr1.png"></a>  <a href="LINKDOINSTAGRAM"><img src="http://i.imgur.com/IGKzkyH.png"></a>  <a href="LINKDOTWITTER"><img src="http://i.imgur.com/hLGwvst.png">  </a><a href="LINKDOWEHEARTIT"><img src="http://i.imgur.com/7fdVQNW.png"></a>  <a href="LINKDOTUMBLR"><img src="http://i.imgur.com/JDDAawW.png"></a></center>

- Logo no começo do código, esse trecho <img src="http://i.imgur.com/JFEFSKW.jpg"> corresponde a sua foto, é só substituir pelo link de uma foto sua, lembrando que o tamanho da foto para caber certinho é de 300 px de largura.
- O que está em itálico você deverá editar com a sua descrição.
- Nos trechos <a href="LINKDOFACEBOOK"><img src="http://i.imgur.com/K2GWTr1.png"></a></a> você deverá substituir o que está SUBLINHADO pelo link da rede social correspondente. 
- Caso não tenha ou não use uma das redes sociais, é só apagar o trecho da rede social que deseja, apagando de <a href="... até </a>

Como editar os links e fotos dos blogs parceiros

Para editar a foto e o link dos blogs parceiros, você deverá ir em Layout, e encontrar o gadget "Blogs parceiros" e clicar em editar, como mostra a foto abaixo:


Irá abrir uma nova janela com o seguinte código:

<marquee direction="left" scrollamount="3" height="150px" behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()">
<a href="ENDEREÇO DO BLOG"><img src="http://i.imgur.com/T73c0nV.jpg" title="Nome do Blog"/></a>
<a href="ENDEREÇO DO BLOG"><img src="http://i.imgur.com/fHprQpy.jpg" title="Nome do Blog"/></a>
<a href="ENDEREÇO DO BLOG"><img src="http://i.imgur.com/nUgHuvE.jpg" title="Nome do Blog"/></a>
<a href="ENDEREÇO DO BLOG"><img src="http://i.imgur.com/OyHV4M7.jpg" title="Nome do Blog"/></a>
<a href="ENDEREÇO DO BLOG"><img src="http://i.imgur.com/9xdd8Bf.jpg" title="Nome do Blog"/></a>
</marquee>

- Para linkar os blogs parceiros, localize a parte em NEGRITO do código, onde você deverá substituir pelo link do blog.
- O que está em itálico você deverá substituir pelo link da foto desejada, lembrando que ela precisa ser 150x150 px.
- O que está sublinhado você deverá substituir pelo nome do Blog referente à foto e ao link.






Layout base por Julie Duarte ♥ Modificado e customizado por Segredo Feminino