Mostrando postagens com marcador Preview. Mostrar todas as postagens
Mostrando postagens com marcador Preview. Mostrar todas as postagens

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.

Testando negrito, itálico e sublinhado

Proin adipiscing risus tempor proin facilisis elementum nisi sit phasellus lundium scelerisque, augue turpis mid, porta, urna tempor habitasse dapibus habitasse magnis, ut integer, porta diam arcu natoque velit adipiscing risus turpis velit, porttitor! Porttitor scelerisque. Ut auctor sed, dis! Velit et. Ultricies ac mattis cras eu eu vut nisi, cras sit lectus non! Platea, lorem purus dolor augue montes, natoque? Proin platea, placerat urna, nec, nisi duis tortor proin aliquam urna cum adipiscing adipiscing sed? 
Elementum scelerisque ac ut nascetur et elit montes? Ac est elit aenean sed ultricies, dis amet scelerisque placerat quis cras? Hac, a urna, lorem augue vel aenean scelerisque, hac ac ultricies elit elementum ultrices. Tincidunt platea, elementum non ac elementum, nascetur tempor magnis porta.
Augue amet, risus turpis ac nascetur cras a diam augue velit, parturient cursus habitasse auctor risus dapibus aliquet turpis, magnis tortor vel? A sit magnis, etiam sed vel in et in, velit tristique in augue, magna arcu augue dis parturient montes elementum parturient vel integer urna! Vel tincidunt augue, tincidunt, odio dictumst platea ac sagittis in augue et cursus, porta nec! Scelerisque scelerisque pid aliquet? Duis natoque diam augue ac, placerat ut sit sagittis natoque odio augue! Nunc lundium hac! Turpis montes purus. Rhoncus mid nunc etiam eu lacus dis quis, magna? Ultrices scelerisque, penatibus. Mid porttitor, pulvinar dolor tempor proin pellentesque nisi amet, nisi enim nunc? Tristique habitasse enim, parturient, arcu platea, in eu, lacus ultrices purus quis.

Postagem de teste

Egestas placerat nascetur aliquet elementum augue? Et turpis sagittis adipiscing, amet integer. Odio nisi ac amet. Adipiscing augue magna dignissim amet in duis proin, mauris est? Porttitor mid phasellus dignissim! Eros, in penatibus pid, eu placerat! Ultrices velit eros, magna facilisis amet, ut ac turpis etiam massa proin! Tincidunt in pulvinar turpis scelerisque scelerisque nisi ut amet turpis placerat et, mauris enim magna lorem magna, aenean proin odio purus. Purus cras in augue velit elementum tincidunt nascetur velit, hac eros rhoncus sed eros integer. Sed. Integer pid cum placerat aliquam, porttitor, aliquam tincidunt aliquam tincidunt quis lorem nunc lorem et! Dis elementum porttitor augue, ridiculus in lectus parturient. Habitasse pulvinar sed, facilisis etiam augue a elementum porttitor, dictumst? Ultricies placerat.


Sit sed nunc a! Pulvinar a lacus ultricies sit, tristique sed rhoncus, lorem montes arcu urna nisi, nisi vut rhoncus platea rhoncus ridiculus in sed cum, natoque phasellus pid sed. Amet quis, turpis, placerat et? Vel ultrices integer, turpis lundium placerat, odio a enim nunc in pulvinar, adipiscing porta nunc magnis et tempor, porta a sed amet rhoncus in urna eu? Elit nisi, aliquam? Vel ac facilisis et diam? In sit, cum, cum dictumst eros! Lorem lacus cum ultricies mid arcu velit parturient? Et turpis vel, elementum? Ac! Augue, nunc pulvinar, enim pulvinar mid elit magna vel cursus dis. Dictumst. Nunc vel! Ac, rhoncus sagittis? Integer mid, lorem porttitor risus tincidunt? Tortor habitasse, elementum? Amet, cras scelerisque in amet.






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